Internet Explorer中文下换行功能不起作用

Question

当我在使用word-wrap:break-word并且浏览器模式为IE9兼容视图和文档模式为IE7标准时，它的效果非常好。但是当我将文档模式更改为IE9标准时，它就不能正常工作了。 我还尝试使用-ms-word-wrap：break-word，但结果相同。

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

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

- dShringi

---

标记语言？CSS？你这里什么都没给我们。 - SomeShinyObject

听起来很熟悉。可以尝试一些这些想法：https://dev59.com/Kmoy5IYBdhLWcg3wq_7O http://stackoverflow.com/questions/13903590/word-wrap-break-word-not-working-in-ie9 - showdev

把它放在你的问题中。 - SomeShinyObject

@showdev 没有起作用！ - dShringi

创建一个jsfiddle示例，以查看您的代码。仅提供doctype并不能帮助我们帮助您。 - seemly

Answer 1

你需要拥有

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

将word-wrap放在table,td,th中而不是span中。

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

- btevfik

Answer 2

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

- mukesh

Answer 3

试试这种方式

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

- Piyush Marvaniya

Answer 4

在我的情况下，IE在我将span渲染为inline-block之前不会遵守单词换行样式。

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

- DevOragz

Answer 5

-ms-word-break: break-all;

适用于 > IE9 浏览器。

- Anusha Medicherla

Answer 6

添加 -ms-word-break: break-word; 对我起了作用。

- frodo2975

Answer 7

应该可以工作，.your_class_name{word-break:break-word;}，我已经在IE7-IE9中测试过了，它会断开单词...

- Jurijs Nesterovs