表显示块行为

Question

我有一个包含display: block; max-width: 100px; overflow-x: auto css属性的表。

在某些情况下一切正常，但在此代码段http://jsfiddle.net/TLP8x/中，您可以看到thead和tbody没有采用所有可能的宽度。

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

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

Answer 1

您需要移除display: block的{​​{1}}属性并应用<table>

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

Answer 2

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

• 如上所述删除'display：block'。
• 将表声明更新为：table class =“blocked_table”style =“width：100％”

完成这些操作后，表格单元将以50/50的分割消耗整个100px的盒子。