帶表格的空行，無邊框的空行

Question

我在我的項目中使用Vaadin，目前我遇到了問題。這是CSS/HTML的問題，我不知道如何解決它...

所以情況看起來像：

我有HTML結構（CustomLayout），它看起來像這樣：

<table> 
<tr> 
    <td location="loc11"></td> 
    <td location="loc12"></td> 
</tr> 
<tr> 
    <td location="loc21"></td> 
    <td location="loc22"></td> 
</tr> 
(...) 
</table> 

我將數據插入位置=「xxx」的td，數據位於某些位置，而不是所有人。 CSS看起來像這樣：

table.metric_table_layout tr td { 
border-bottom: 1px dotted grey !important; 
} 

而這裏的問題：

如果TD是空的，我有完全地毀了我的佈局邊界。 有人可以給我一些CSS（這也可以在IE 7 +中工作）來解決這個問題嗎？ 我不想使用JS，所以我不確定我是否可以只用CSS來處理這個問題？

THX tzim

Answer 1

嘗試添加：

table.metric_table_layout { 
    border-collapse:separate; 
    empty-cells:hide; 
} 

但是在IE8中必須有!DOCTYPE的定義。

Answer 2

使用CSS只可以使用empty-cells:hide屬性。這是跨瀏覽器馬車等做的所有的一些預覽（在我的IE7渲染確定從IEtester - 我只是來定義的邊界作爲#CCC而不是灰色）

樣品：http://jsfiddle.net/EbvXQ/11/