CSS 表格单元格等宽

我在表格容器内有不确定数量的表格单元格元素。

<div style="display:table;">
  <div style="display:table-cell;"></div>
  <div style="display:table-cell;"></div>
</div>

是否有一种纯 CSS 方法可以使表格单元格宽度相等，即使它们内有不同大小的内容？

我认为拥有最大宽度需要知道您有多少个单元格？

这是一个单元格数量不确定的工作小提琴：http://jsfiddle.net/r9yrM/1/

您可以固定每个父级的宽度div (the table），否则就会像往常一样100%。

诀窍是使用table-layout: fixed;每个单元格上有一些宽度来触发它，这里是 2%。这将触发other表算法，浏览器非常努力地尊重所指示的尺寸的算法。
请使用 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）：当心 OS X 上的 Safari 6，它有table-layout: fixed; wrong（或者可能只是不同，与其他浏览器非常不同。我没有校对 CSS2.1 REC 表布局；））。为不同的结果做好准备。