css - 表格显示块行为

Question

我有一个带有display: block; max-width: 100px; overflow-x: autocss 属性的表。

在某些情况下，一切都很好，但在这个片段http://jsfiddle.net/TLP8x/中，您可以看到它thead并tbody没有占用所有可能的宽度。

这是否可以使它们像通常的表格行为一样采用所有可能的宽度？

我尝试在 和 上使用和display: table-row其他显示值tbody，但这对我没有帮助。theadtr

Answer 1

您需要删除 and 的display: block属性<table>才能应用width: 100%

http://jsfiddle.net/TLP8x/4/

Answer 2

您可以通过以下方式获得所需的行为：

• 如上所述删除“显示：块”。
• 将表声明更新为：table class="blocked_table" style="width:100%"

完成这些后，表格单元格以 50/50 的比例消耗整个 100px 框。