自动调整显示的列宽:块表行?

时间:2014-03-13 22:34:38

标签: css html-table

我想将display: block;用于<tr>标记,以正确设置边距。不幸的是,列宽不再是自动调整的。

这是a minimal example。保证金被忽略。

如何在仍有自动调整列的情况下正确使用表格行的边距?

1 个答案:

答案 0 :(得分:2)

tr标记的默认属性为display: table-row;,通过将其更改为display: block;,您将更改其浏览器预期的默认行为。

参考:http://www.w3.org/TR/html-markup/tr.html

您仍然可以将边框样式应用于tr,但您需要将填充应用于表格单元格。

根据您的评论,如果您希望在表格周围留有余量,因为保证金不适用于表格,您可以将表格包含在另一个元素中,例如div,并对其应用填充div

DEMO: http://jsfiddle.net/42na4/5/