等大小的表格单元格，以填充保存表格的整个宽度

有没有一种方法使用HTML / CSS（相对大小）使一行单元拉伸它所包含的表的整个宽度？

单元格的宽度应该相等，外表大小也是dynamic的， <table width="100%"> 。

目前如果我没有指定一个固定的大小， 细胞只是自动大小，以适应其内容。

Answer 1

只需使用百分比宽度和固定的表格布局 ：

 <table> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> </table> 

同

 table { table-layout: fixed; } td { width: 33%; } 

固定的表格布局非常重要，否则浏览器会根据内容不合适的情况调整宽度，如果内容不合适，也就是说宽度不是没有固定表格布局的规则。

显然，调整CSS以适应你的情况，这通常意味着只将样式应用于给定类或可能具有给定ID的表。

Answer 2

只是为了这些日子来看这个post的人：你甚至不需要设置一个特定的宽度， table-layout: fixed 。 看到这个jsfiddle ，在IE8上testing。

请注意，为了使table-layout工作，表格样式的元素必须设置宽度（在我的例子中为100％）。

Answer 3

使用table-layout: fixed为table和width: calc(100%/3);的属性width: calc(100%/3); 对于td （ 假设有3个td ）。 通过设置这两个属性， 表格单元的大小将相等 。

参考演示 。