有一张桌子

我有什么应该是一个简单的问题CSS问题：在我最新的http://www.derekbeck.com/1775“最近更新”行再现是跨越了三个单元格的表单元格。（这个表格的三个单元格是左侧，中间有一个间隔，右侧）。您看到的这条线是由CSS设置的边框底部。在下一行显示最近的第一篇文章之前，我希望在该行下面有更多的空格。有一张桌子

我试图通过设置该表的行与margin-bottom值，但没有任何反应。我对包含“最近更新”的表格单元做了同样的事情，但仍然没有任何结果。填充底部工作，但只是增加“最近的更新”和行之间的间距。我想要在下一个表格行之前的行之后的间距。

任何想法？

来源

2012-04-09 Derek W Beck

请出示您的布局和核心问题http://jsfiddle.com。我们可以很容易地发现问题。 – 2012-04-09 04:14:49

呃！不要使用表格进行叠印。 – powerbuoy 2012-04-09 04:57:17

你将如何使用div来展示这些内容？ – 2012-04-09 17:04:09

而不是把虚线边框上的细胞，把它放在“最近更新”的div，然后通过设置height: ##px增加表格单元格的大小，使其具有vertical-align: top;（或对电池使用padding-bottom）。

来源

2012-04-09 04:15:50 Godwin

这很好，谢谢！ – 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">&nbsp;</td></tr>

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

来源

2012-04-09 04:52:07 99tharun

同去年基本思路：一种选择，但不优雅。虽然谢谢！ – 2012-04-09 17:19:11

我只是看着您的网站，并通过在浏览器中使用Firebug没有在你的CSS一点点变化：

td.titlecell { 
    border-bottom: 1px dotted #AAAAAA; 
    padding: 0 0 15px; 
}

来源

2012-04-09 05:06:42 Kamal

也许你的修复工作在Firefox，顺便说一句，我认为它没有在Chrome中没有为例子。 – 2012-04-09 17:09:07

回答

相关问题