17

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

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

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

4

7 回答 7

18

你需要有

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

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

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

于 2013-04-19T08:43:04.527 回答
15

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

于 2013-08-05T12:09:06.637 回答
9

试试这种方式

  .table tr td { 
               word-wrap: break-word;
               word-break: break-all;
               }
于 2013-11-29T06:52:09.027 回答
8

就我而言，在我将 span 渲染为 inline-block 之前，IE 并不尊重分词样式。

.selector{
    display: inline-block;
    word-break: break-all;
    overflow-wrap: break-word; /* For other browsers*/
}
于 2016-10-17T17:56:49.947 回答
3 
-ms-word-break: break-all;

适用于 > IE9

于 2017-07-07T18:22:34.897 回答
1

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

于 2015-08-10T16:07:38.933 回答
0

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

于 2013-04-19T09:11:14.747 回答