0

我有一个简单的问题:在我最新的http://www.derekbeck.com/1775版本中,“最近更新”行是一个跨越三个单元格的表格单元格。(这个表格的三个单元格分别是左侧、中间的间隔和右侧。)您看到的线条是 CSS 设置的border-bottom。我想要在该行下方有更多间距,在下一行显示最近的第一个帖子之前。

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

有任何想法吗?

4

3 回答 3

1

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

于 2012-04-09T04:15:50.983 回答
0

只需在“最近更新”行之后添加一个空白表格行,如下所示:

<tr class="recentrow">
<td colspan="3" class="titlecell"><div align="center">Recent Updates</div></td>
</tr>
<tr><td colspan="3">&nbsp;</td></tr>

height: ##px您可以通过设置空白行来增加间距。

于 2012-04-09T04:52:07.957 回答
0

我刚刚查看了您的网站,并通过在浏览器中使用 Firebug 对您的 CSS 进行了一些更改:

td.titlecell {
    border-bottom: 1px dotted #AAAAAA;
    padding: 0 0 15px;
}
于 2012-04-09T05:06:42.270 回答