在IE8中，max-width和自动换行不起作用

Question

以下是一些在IE8中无效的示例（Fiddle example here）
我的表格应该width: 100%和<td>元素应该auto根据文字长度但不超过300px

这是我尝试的简单css

CSS

table td{
  max-width: 300px;
  word-wrap: break-word;
}

但是当它超过300px时，它不会将长字线包装成新行。

我尝试的第二种方法是在div中添加td元素。它仅适用于div，但td元素未更改且超过300px。
此外，我还尝试添加table-layout: fixed;以及我在此处找到的许多其他内容，但没有成功。

这里有两个屏幕截图，它在FF vs IE8中的样子：

FF 的 IE8

任何帮助将不胜感激
最好的问候。

Answer 1

尝试将此行添加到您的css作为解决方法

word-break:break-all;

Answer 2

自动换行是CSS3。

在Windows Internet Explorer 8中使用：

-ms-word-wrap: break-word;

这是CSS的扩展，可以在IE8标准模式中用作自动换行的同义词。

参考：http://msdn.microsoft.com/en-us/library/ie/ms531186(v=vs.85).aspx 参考文献2：http://www.w3schools.com/cssref/css3_pr_word-wrap.asp