CSS自动换行会在div之后导致空格溢出

Question

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

修改：添加了示例代码here。问题只发生在IE（Browser_Mode = IE9; Document_Mode = IE7）。

Answer 1

显然td正在为这个词的全长腾出空间，好像它没有破坏。您可以通过在div上设置overflow: hidden来阻止此操作。

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

Answer 2

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

table-layout是一个鲜为人知的widely supported属性，在这种情况下非常有用。