word-break css 在 IE8 中不起作用答案

【问题标题】：word-break css not working in IE8word-break css 在 IE8 中不起作用
【发布时间】：2013-11-02 02:14:18
【问题描述】：

我见过this 和this，并尝试了这两种方法来将分词应用于span 标签。对我来说，没有一个在 IE8 中工作。

这是我正在尝试的代码：

.bodyWrap .dashboard .col2 .wrapper .locInfoWrap .nickname { 
    font-size:16px;  
    color:#000;  
    word-wrap:break-word;  
    -ms-word-wrap: break-word; 
    -ms-word-break: break-all;
}

EDITED TO ADD - 我刚刚尝试向 span 元素添加宽度，如下所示：

.bodyWrap .dashboard .col2 .wrapper .locInfoWrap .nickname { 
        font-size:16px;  
        color:#000;  
        word-wrap:break-word;  
        -ms-word-wrap: break-word; 
        -ms-word-break: break-all;
        width:100%;
    }

看起来还是一样。请帮忙！这是我们客户的主要要求。

这是它最终的样子（更大的版本here）：

我需要做什么才能让它在 IE8 中工作？

【问题讨论】：

您尝试为该跨度设置宽度？
@razhial - 我的理解是，使用特定于 ms 的属性将使其适用于没有布局的元素。 -ms-word-wrap 的文档表明需要布局； -ms-word-break 什么也没说。
不会相信他们。 ;) 不，对不起，那我帮不了你。
把 span 变成一个块元素
这篇文章中的解决方案对我有用：http://stackoverflow.com/a/36042412/2383765

标签： css internet-explorer-8 word-wrap

【解决方案1】：

最终对我有用的是将跨度设置为显示inline-block。

【讨论】：

非常感谢，您帮助了我！我花了大约 2 个小时寻找非常相似的问题的解决方案并添加 display:inline-block 修复它！
这篇文章对我有帮助。谢谢。