自动换行在 Internet Explorer 中不起作用答案

【问题标题】：Word-wrap not working in Internet Explorer自动换行在 Internet Explorer 中不起作用
【发布时间】：2013-04-12 12:03:31
【问题描述】：

当我将word-wrap:break-word 与浏览器模式：IE9 兼容性视图和文档模式：IE7 标准一起使用时，它工作得非常好。但是，当我更改文档模式：IE9 标准时，它不起作用。我也尝试过使用-ms-word-wrap:break-word，但它给了我相同的结果。

文档类型定义：DTD/xhtml1-transitional.dtd

谁能告诉我为什么会这样，是否有任何解决方法可以解决它？

【问题讨论】：

标记？ CSS？你在这里什么都没给我们。
听起来很熟悉。可能会尝试其中一些想法：stackoverflow.com/questions/8394685/…stackoverflow.com/questions/13903590/…
把它放在你的问题中。
@showdev 没用！
用你的代码示例创建一个 jsfiddle，看看你做了什么。只给我们 doctype 并不能帮助我们帮助您。

【解决方案1】：

-ms-word-break: break-all;

适用于 > IE9

【讨论】：

【解决方案2】：

在我的例子中，IE 不尊重分词样式，直到我将 span 渲染为内联块。

.selector{
    display: inline-block;
    word-break: break-all;
    overflow-wrap: break-word; /* For other browsers*/
}

【讨论】：

【解决方案3】：

添加 -ms-word-break: break-word; 对我有用。

【讨论】：

【解决方案4】：

试试这个方法

  .table tr td { 
               word-wrap: break-word;
               word-break: break-all;
               }

【讨论】：

【解决方案5】：

将 word-wrap 属性应用到相关元素的父级将解决 IE9 中的问题。

【讨论】：

【解决方案6】：

它应该可以工作，.your_class_name{word-break:break-word;}，我已经在 ie7 - ie9 中测试过它，它打破了这个词......

【讨论】：

【解决方案7】：

你需要

table {
    width:100%;
    table-layout:fixed;
}

并将word-wrap 放入table,td,th 而不是span

【讨论】：