tr元素周围的边框没有显示?

似乎Chrome / Firefox无法在tr其上显示边框,但是如果选择器为,则可以渲染边框table tr td

如何在tr上设置边框?

我的尝试不起作用:

table tr {

border: 1px solid black;

}

<table>

<tbody>

<tr>

<td>

Text

</td>

</tr>

</tbody>

</table>

http://jsfiddle.net/edi9999/VzPN2/

这是一个类似的问题:将边框设置为表tr,除IE

6和7外,其他所有功能都可以使用,但除IE之外,其他任何地方都可以使用。

回答:

将此添加到样式表:

table {

border-collapse: collapse;

}

在规范中实际上很好地描述了这种行为的原因:

有两种不同的模型可以在CSS的表格单元格上设置边框。一个最适合单个单元格周围的所谓分隔边框,另一个最适合从表的一端到另一端连续的边框。

…及更高版本,用于collapse设置:

在折叠边框模型中,可以指定包围单元格,行,行组,列和列组的全部或部分的边框。

以上是 tr元素周围的边框没有显示? 的全部内容, 来源链接: utcz.com/qa/423714.html

回到顶部