有一张桌子
我有什么应该是一个简单的问题CSS问题:在我最新的http://www.derekbeck.com/1775“最近更新”行再现是跨越了三个单元格的表单元格。 (这个表格的三个单元格是左侧,中间有一个间隔,右侧)。您看到的这条线是由CSS设置的边框底部。在下一行显示最近的第一篇文章之前,我希望在该行下面有更多的空格。有一张桌子
我试图通过设置该表的行与margin-bottom值,但没有任何反应。我对包含“最近更新”的表格单元做了同样的事情,但仍然没有任何结果。填充底部工作,但只是增加“最近的更新”和行之间的间距。我想要在下一个表格行之前的行之后的间距。
任何想法?
而不是把虚线边框上的细胞,把它放在“最近更新”的div,然后通过设置height: ##px
增加表格单元格的大小,使其具有vertical-align: top;
(或对电池使用padding-bottom
)。
这很好,谢谢! – 2012-04-09 17:18:48
“最近更新”一行之后只需添加一个空白表行,如下图所示:
<tr class="recentrow">
<td colspan="3" class="titlecell"><div align="center">Recent Updates</div></td>
</tr>
<tr><td colspan="3"> </td></tr>
您可以通过为空白行设置height: ##px
增加的间距。
同去年基本思路:一种选择,但不优雅。虽然谢谢! – 2012-04-09 17:19:11
我只是看着您的网站,并通过在浏览器中使用Firebug没有在你的CSS一点点变化:
td.titlecell {
border-bottom: 1px dotted #AAAAAA;
padding: 0 0 15px;
}
也许你的修复工作在Firefox,顺便说一句,我认为它没有在Chrome中没有为例子。 – 2012-04-09 17:09:07
请出示您的布局和核心问题http://jsfiddle.com。我们可以很容易地发现问题。 – 2012-04-09 04:14:49
呃!不要使用表格进行叠印。 – powerbuoy 2012-04-09 04:57:17
你将如何使用div来展示这些内容? – 2012-04-09 17:04:09