css - 设置表格以显示 : block

Question

我喜欢让我的表格表现得像块元素。我无法将其设置为 width:100% 因为它确实有一些填充，这将导致 100% + 填充 PX。

退房:http://jsfiddle.net/LScqQ

最后 table 做了我想要的，你能看到盒子阴影吗？但是餐 table 上的 child 不喜欢这样^^

我想 THEAD 里面的 TH 是问题所在。
他们没有得到 66% 到 33% 的纵横比。

需要帮助...

Answer 1

你的表应该是 display: table 。如果您担心大小，请使用 box-sizing: content-box 。

原因是display: table创建了需要布局行和列的表格布局机制；在某些情况下，如果所需元素不存在，它们将被隐式创建，但这可能会导致问题。 (您可以通过使用 div 制作表格布局并将它们设置为 display: table 、 table-row 、 table-cell 来测试这一点，它们是 table 、 tr 和 td 元素的默认用户代理样式。如果您尝试取消设置div 的不同组合，您会看到有时浏览器会隐式地使表格布局不正确。)

因此，如果您想要实际的表格布局，请始终保持 display: table-* 样式不变。使用适当的样式来解决您的宽度问题。如果你更好地描述你想要的东西，也许你可以获得更好的答案。