表格单元格在调整大小和溢出时等于宽度 - css

Question

我有一张表格如下;

+-----+-----+-----+-----+-----+-----+
|     |     |     |     |     |     |
+-----+-----+-----+-----+-----+-----+
|     |     |     |     |     |     |
+-----+-----+-----+-----+-----+-----+
|     |     |     |     |     |     |
+-----+-----+-----+-----+-----+-----+
|     |     |     |     |     |     |
+-----+-----+-----+-----+-----+-----+

宽度为100％。我必须以这样的方式显示所有单元格在重新大小和溢出时具有相等的宽度。我给它word-wrap: break-word，以便文本不会从单元格溢出。但我想要的是将其设置为最大宽度，并且所有列在重新调整大小时应具有相等的宽度。我怎么能这样做？如果有人创造一个小提琴，那就好了。

Here 是我的小提琴

提前致谢... :)

blasteralfred

Answer 1

您是否遵循table-layout: fixed的行为？

.table1 {
    border: #FFFF00 2px solid;
    width: 100%;
    word-wrap: break-word;
    table-layout: fixed
}

请参阅： http://jsfiddle.net/thirtydot/GcvPk/