如何制作100%宽度的表格,所有列的宽度相等?

时间:2011-02-20 04:49:21

标签: html css

我正在尝试创建一个可以延伸100%页面的表(或者它所在的任何容器,具体取决于我使用它的位置)。

当我将表格的宽度指定为100%时,它会根据内容的宽度自动调整列的大小。在大多数情况下,当我不介意不同的宽度列时,这是很好的,但为此,我需要所有列的宽度相同。我知道我可以为列指定百分比宽度,但我需要这个才能适用于任意数量的列。

到目前为止,这是我的代码:http://jsfiddle.net/zwWHZ/2/

是否可以使用宽度为100%且列宽的表必须使用纯CSS指定每列的百分比?

1 个答案:

答案 0 :(得分:21)

我尝试将table-layout: fixed;放入CSS的table部分,这似乎有效(即使我更改了列数)。我找到的来源是here