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