css - CSS自动换行导致div后空格溢出

Question

我正在使用 CSS word-wrap 属性（设置为 break-word）在固定宽度和可变高度的 div 元素中完整显示单个无空格字符串。div 元素本身位于表格单元格中<td>。分词按预期工作，以定义的固定宽度分词。但是，在 IE9（使用 IE7 文档标准）中，在 div 之后似乎有一些额外的空间，导致表格单元格在宽度上扩展（不需要）。div 宽度本身似乎是正确的，由其 CSS 指定。我使用 div 和表格单元格周围的边框来验证。我已经尝试明确设置表格单元格宽度（和最大宽度），但两种方法都不起作用。在 Firefox 或 Chrome 中未观察到此行为。

编辑：在此处添加示例代码。该问题仅在 IE 中出现（Browser_Mode=IE9；Document_Mode=IE7）。

Answer 1

显然，td它正在为单词的全长腾出空间，就好像它没有中断一样。overflow: hidden您可以通过设置div来防止这种情况。

jsFiddle：http: //jsfiddle.net/gmDpe/6/

Answer 2

我曾经遇到过类似的问题。你试过table-layout : fixed在你的表格元素上使用吗？

table-layout是一个鲜为人知但得到广泛支持的属性，在这种情况下非常有用。