自动换行不适用于Internet Explorer

时间:2013-04-19 06:45:51

标签: css internet-explorer internet-explorer-9 word-wrap xhtml-transitional

当我在浏览器模式下使用word-wrap:break-word时:IE9兼容性视图和文档模式:IE7标准它的工作非常好。但是,当我更改文档模式:IE9标准时,它无法正常工作。 我也试过使用-ms-word-wrap:break-word,但它给了我相同的结果。

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

任何人都可以告诉我为什么会如此以及是否有任何解决方法来应对它?

7 个答案:

答案 0 :(得分:15)

你需要

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

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

http://jsfiddle.net/d6VsD/7/

答案 1 :(得分:15)

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

答案 2 :(得分:7)

以这种方式尝试

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

答案 3 :(得分:6)

就我而言,在我将span渲染为inline-block之前,IE不尊重单词break风格。

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

答案 4 :(得分:2)

-ms-word-break: break-all;

适用于> IE9

答案 5 :(得分:1)

添加-ms-word-break: break-word;为我工作。

答案 6 :(得分:0)

它应该有效,.your_class_name{word-break:break-word;},我已经在ie7 - ie9中进行了测试,它打破了这个词......