带表格的空行，无边框的空行

我在我的项目中使用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; 
}

而这里的问题：

the dots...

如果TD是空的，我有完全地毁了我的布局边界。有人可以给我一些CSS（这也可以在IE 7 +中工作）来解决这个问题吗？我不想使用JS，所以我不确定我是否可以只用CSS来处理这个问题？

THX tzim

来源

2011-05-16 tzim

尝试添加：

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

但是在IE8中必须有!DOCTYPE的定义。

来源

2011-05-16 09:37:31 DanielB

使用CSS只可以使用empty-cells:hide属性。这是跨浏览器马车等做的所有的一些预览（在我的IE7渲染确定从IEtester - 我只是来定义的边界作为#CCC而不是灰色）

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

来源

2011-05-16 09:35:03 easwee

带表格的空行，无边框的空行

回答

相关问题