html - 行周围的 CSS 类不起作用

标签 html css

我想循环回复。在这样做的过程中,我希望每个回复看起来都很好,有自己的背景和彼此之间的间距。为此,我在回复本身周围放置了一个 div 标签,但是,它似乎不起作用。我用边框进行了测试,边框似乎停留在容器的最顶部,而不是放在回复周围。这是一些代码

echo "<table>";
while($query3 = mysql_fetch_array($sql2)) {
   $revuserid = $query3['userid'];
   $review = $query3['review'];
   $revtime = $query3['time'];
   $revuser = mysql_fetch_assoc(mysql_query("select username, id from users where id='{$revuserid}'"));
       $revusername = $revuser['username'];

    echo "<div class=reviews><tr><td><a href=viewuser.php?pid=$revuserid>$revusername</td></tr><tr><td>$review</td></tr><tr><td>Date: $revtime</td></tr></div>";

}
echo "</table>";
echo $centerPages;

在 HTML 中,所有这些都是:

<table>
    <div class=reviews><tr><td><a href=viewuser.php?pid=$revuserid>$revusername</td></tr><tr><td>$review</td></tr><tr><td>Date: $revtime</td></tr></div>
</table>

注意循环中的类 div。

在 css 中,我有测试类。

.reviews {
    border: 1px solid black;
}

谢谢!

最佳答案

不要将 元素放在

元素中。 这是 HTML 不能接受的。 执行以下操作之一:

  1. 将类添加到您的 元素(例如 <tr class="reviews"> )
  2. 将类添加到您的 元素(例如 <td class="reviews"> )
  3. 元素放在 中。
  4. 我没有想过的事情。

关于html - 行周围的 CSS 类不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7681423/

相关文章:

javascript - 我怎样才能使带有长文本的 div 转到下一行,因为它只是文本溢出?

javascript - 代码在 jsfiddle 中不起作用

javascript - 如何将输入文本设置为框

横幅中的 JavaScript 文本按时间间隔更改 - 无点击

javascript - 如何让一个div总是在浏览器窗口的最左边?

html - 聊天框创建 HTML/dynamic web/jquery Ajax

html - 表中的 BLOCK 元素

CSS。删除溢出-y。现在好了。保持元素内联

html - 当内容对于其大小来说太大时,在 HTML 表格内容中显示 "..."

javascript - 删除使用 jQuery 创建的元素