Question

为什么Web浏览器会忽略百分比中的max-width属性，并在px中为表格单元格应用max-width属性？

例如：

<td style="max-width:10%;word-wrap:break-word;">veryLongTextWithoutSpace</td>

将被忽略，表格单元格内容将不会换行。

但是，

<td style="max-width=60px;word-wrap:break-word;">veryLongTextWithoutSpace</td>

将应用

并且表格单元格内容正在包装。

UPD：更多关于我的案例和table-layout: fixed

table-layout: fixed设置宽度为表格标题（th标签），这是真正的好solution。但是，不幸的是，我的案子很疯狂。

该表由自定义标签生成（使用jsp技术），我无法设置表头（th标签）的样式，但我可以为每行和每列设置样式。

结果，table-layout: fixed设置所有宽度相同的列。

完整示例：http://jsfiddle.net/h3cxc/1/（不含table-layout:fixed）

知道如何解决这个问题（百分比的最大宽度）？

Answer 1

你的第二个例子有一个拼写错误/错误，因为你使用=而不是：而无法工作。

关于问题：

将table-layout:fixed添加到您的table。

使用此（快速）算法，表格的水平布局确实如此不依赖于内容细胞;它只取决于桌子宽度，列的宽度和边界或单元格间距。