html - 表格的 CSS 问题

标签 html css css-tables

我遇到了一个简单的问题:关于我最新的 http://www.derekbeck.com/1775 “最近更新”行是一个跨越三个单元格的表格单元格。 (这个表格的三个单元格是左边,中间的一个间隔符,右边。)你看到的线是CSS设置的border-bottom。我希望在该行下方有更多间距,在显示最近帖子的第一行的下一行之前。

我尝试通过为该表行设置边距底部值来实现它,但没有任何反应。我对包含“最近更新”的表格单元格做了同样的事情,但仍然没有。 padding-bottom 有效,但只是增加了“最近更新”和该行之间的间距。我想要行之后、下一个表格行之前的间距。

有什么想法吗?

最佳答案

不要将虚线边框放在单元格上,而是将其放在“最近更新”div 上,然后通过设置 height: ##px 增加表格单元格的大小并使其具有 vertical-align: top;(或在单元格上使用 padding-bottom)。

关于html - 表格的 CSS 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10068801/

相关文章:

html - CSS3 多列和可变高度内容问题

javascript - 用一个滚动条控制两个 HTML 表格

css - 使表格的外观与 Quirks 模式下的外观相同

html - 表格的列和边框之间的间距相等

css - 将 CSS 应用于表格行

html - 如何将左对齐图像的 div block 居中?

javascript - HTML中高效的毫秒显示

php - Ajax 聊天系统每秒在控制台发送 XHR Finished Loading

css - 如何从 Bootstrap 3 中的导航栏折叠中删除不透明度(透明度)?

html - 神秘的表行填充/边距