自动换行不适用于Internet Explorer

Question

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

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

谁能告诉我为什么会如此以及是否有任何解决方法来应对它？

Answer 1

你需要拥有

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

并提出word-wrap在table,td,th不进span

Answer 2

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

Answer 3

试试这种方式

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

Answer 4

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

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