如果所有單元格都爲空，是否會顯示一個表格行？

Question

我有一個空的表格行，僅用於行之間的分隔。

<tr> 
    <td colspan="5"></td> 
</tr> 

它在IE，FF，Opera和Safari中呈現。問題是，我是否應該在其中放置一些內容，或者將其保留原樣好嗎？

像：

<tr> 
    <td colspan="5">&nbsp;</td> 
</tr> 

Answer 1

那麼你可以把一個 作爲列內容，以確保顯示的行。更好的方法是使用CSS進行間隔。

Answer 2

您可能已經嘗試過，但如果您嘗試在行之間添加一些空間，您是否嘗試添加一些填充。

CELLSPACING =長度（單元格間距）

CELLPADDING =長度（細胞內的間距）

卡爾

Answer 3

，如果你想要把裏面的內容，我會用一個沒有打破空間： ，而不是一個普通的空白

Answer 4

從語義上講，空行是用於某個目的，還是純粹用於佈局？如果是後者，可能需要考慮刪除空行，並通過CSS提供分隔。例如。

<tr class="separate-below"> 
    <td>Data before separater</td><td>More Data</td>... 
</tr> 
<tr> 
    <td>Data after separater</td><td>More Data</td>... 
</tr> 

隨着在樣式表中執行以下操作：

TR.separate-below TD,TR.separate-below TH { 
    border-bottom: 1em solid white; /* use the background colour of a cell here */ 
} 

或者，也可以使用多個<TBODY>元件行的組塊一起（添加規則=「基團」的表元素導致<tbody>元素在頂部和底部獲得水平邊框，而<colgroup>元素獲得左右邊框）：

<table rules="groups"> 
<thead> 
    <tr><th>Header</th><th>Header</th>...</tr> 
</thead> 
<tbody> 
    <tr><td>Data</td><td>Data</td>...</tr> 
    <tr><td>Data</td><td>Data</td>...</tr> 
    ... 
</tbody> 
<tbody> 
    <tr><td>Data</td><td>Data</td>...</tr> 
    ... 
</tbody> 
... 
</table> 

Answer 5

正如您在W3Schools的this example中看到的那樣，使用 是實現您想要的最佳方式。

Answer 6

爲了確保空單元格顯示以下可以使用CSS：

table { empty-cells:show; } 

Answer 7

您可以使用多個tbody標籤組錶行。這是完全有效的和更多的語義。

Answer 8

這是一個很古老的問題，但如果有人仍然需要一個解決方案（與display: table-cell或table-row elements存在問題）

這裏的解決方案：

.emptyElement:after{ 
    content: "\00a0"; 
} 

Answer 9

我想補充我的解決方案，它是一個修改@Dariusz Sikorski解決方案。

td:empty:after, th:empty:after { 
    content: "\00a0"; 
}