- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
预警:我不擅长CSS。
您好,我正在开发一个显示 3 个最新帖子的小留言板。我还希望用户选择在一个屏幕上显示多少帖子,比如说 5 或 10 个帖子。
目前我有它,所以所有帖子都以这种方式打印出来:
while ($i < $d){
// $d is entered by the user to determine how many posts are to be displayed.
if ($i == $id_Max){
echo "Reached last known post.";
break;
}
$query2 = $con->prepare(
"SELECT postName, postPath FROM " . $table .
" WHERE id=(SELECT MAX(id-".$i.") FROM " . $table . ")"
);
$query2->execute();
$result2 = $query2->fetch();
$path = $result2["postPath"];
$file = file_get_contents($path);
echo "<article class = 'entry'>";
echo "<section id = 'entryTitle'>";
echo $result2["postName"] . "<br />";
echo "</section>";
echo $file;
echo "<br />";
echo "</article>";
$i++;
}
因此,每个打印的帖子都有 entry
类。有了这个我给每个帖子一个边框,但我想让它们之间有大约 5px 的空间。我设置了它们的 position: relative
和 top: 5px
但它只对最顶部的条目生效,并将它们全部从页面顶部向下移动 5px。
本质上,我想让一些东西在全局范围内发挥作用,而不必为每个可能的帖子写一些东西。 #entry1
, #entry2
...
我并不是真的在寻找如何做这件具体的事情,而是更多的是我可以从中学到的东西应用到 future 的事情中。
谢谢,-迈克尔·米切尔
(如果我不清楚,请告诉我,我会尽力解释得更好。)
最佳答案
我发现这里有几件事是错误的。
首先,元素之间的间距通常用边距处理:
/* all .entry elements */
.entry { margin-top: 10px }
/* all but the first .entry elements */
.entry + .entry { margin-top: 10px }
其次,看起来您实际上并不需要向数据库发出多个请求。您想要的查询如下所示:
SELECT postName, postPath FROM tablename ORDER BY date_added DESC LIMIT ?
这将为您提供一个您可以遍历的顶级条目列表,并且比发出多个请求要快很多。如果您希望返回的条目数是可配置的,请绝对确保您正在清理/转义该值。
关于php - 样式帖子的数量可能会有所不同?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12631484/
我现在遇到了一个奇怪的问题。 我正试图解决 Chrome 中的一个 CSS 错误,但每当我进入开发者工具时,该错误就神秘地修复了。 遇到这种情况你会怎么处理? 为什么渲染引擎要捉弄我? ;) 最佳答案
我正在学习 APIM 政策。在缓存策略中,有许多 最佳答案 我猜你指的是https://learn.microsoft.com/en-us/azure/api-management/api-manag
我正在学习 APIM 政策。在缓存策略中,有许多 最佳答案 我猜你指的是https://learn.microsoft.com/en-us/azure/api-management/api-manag
如果'Test'是一个普通类,有什么区别: Test* test = new Test; 和 Test* test = new Test(); 最佳答案 让我们学究气点,因为有些差异实际上会影响代码的
如果'Test'是一个普通类,有什么区别: Test* test = new Test; 和 Test* test = new Test(); 最佳答案 让我们学究气点,因为有些差异实际上会影响代码的
如果'Test'是一个普通类,有什么区别: Test* test = new Test; 和 Test* test = new Test(); 最佳答案 让我们学究气点,因为有些差异实际上会影响代码的
如果'Test'是一个普通类,有什么区别: Test* test = new Test; 和 Test* test = new Test(); 最佳答案 让我们学究气点,因为有些差异实际上会影响代码的
如果'Test'是一个普通类,有什么区别: Test* test = new Test; 和 Test* test = new Test(); 最佳答案 让我们学究气点,因为有些差异实际上会影响代码的
我有一些 C++ 背景知识,也了解一些 Java(显然远远不够)。 当我看到 Java 或 C++ 中的覆盖行为时,它们似乎没有太大区别。在 JAVA 中给出以下示例: class Animal{
我有一个index.html 文件,引用了一个javascript 文件 asd 在我的index.js function init() {
我正在尝试构建一个 AWS Signature v4 Auth header 来调用 STS GetCallerIdentity API 根据文档 https://docs.aws.amazon.co
本质上,我想根据图库中每个图像的尺寸更改图像裁剪的变量。如果图像的高度大于宽度,我想切换到高度裁剪,否则保留宽度裁剪。到目前为止,我正在使用 Galleria 插件,我有以下代码: if ($(ima
我已经缩小了我的基本问题范围:从 IE9 到 FireFox(和 Chrome),数组的范围有所不同。 在以下函数(仅摘录)中,我声明一个数组,然后通过调用 $.getJSON() 来填充它。因为引用
我创建了一类消息,包括内容和发件人。我成功地将所需的数据存储在 Parse 中,并且正在查询它们。到目前为止,没有问题。然后,我尝试根据发送者或接收者过滤消息,以便在我的 tableView 上以不同
大家好,我有一个奇怪的问题 - 我正在视频播放器中播放视频。用于相同的代码是: let url = URL(string: "xxxxxxxxxx.mp4") player = AVPlaye
这是我的 json 输入 { "students_key": { "student_key_one": { "profile_root": "/profile/student_
我是一名优秀的程序员,十分优秀!