有一張桌子

我有什麼應該是一個簡單的問題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

回答

相關問題