html table等宽,html – CSS table-cell等宽

这里是一个工作的小提琴与不确定数量的单元格：

http://jsfiddle.net/r9yrM/1/

你可以为每个父div(表)固定一个宽度，否则它将是100％像往常一样。

诀窍是使用table-layout：fixed;和一些宽度在每个单元格上触发它，这里为2％。这将触发另一个表computightm，其中浏览器尝试非常难以尊重所指示的尺寸。

请使用Chrome(如果需要，请使用IE8)进行测试。这是没有与最近的Safari，但我不记得这个技巧与他们的兼容性。

CSS(相关说明)：

div {

display: table;

width: 250px;

table-layout: fixed;

}

div > div {

display: table-cell;

width: 2%; /* or 100% according to OP comment. See edit about Safari 6 below */

}

编辑(2013)：注意Safari 6在OS X，它有表布局：固定;错误(或者可能只是不同，非常不同于其他浏览器。我没有校验CSS2.1 REC表布局)。准备不同的结果。