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

Posted 2023-03-06

【中文标题】自动换行在 Internet Explorer 中不起作用

【英文标题】：Word-wrap not working in 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？你在这里什么都没给我们。

听起来很熟悉。可能会尝试其中一些想法：***.com/questions/8394685/…***.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_nameword-break:break-word;，我已经在 ie7 - ie9 中测试过它，它打破了这个词......

【参考方案7】：

你需要

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

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

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