Question

在IE中，此长字符串' 11111111111111111111111111111111111111111111111111111111111111 '被识别为一个单词，因此当我调整IE浏览器的大小时，根本不会出现单词break，我知道 word-break： 全部中断可以在更改浏览器大小时中断任何长字符串。

但是，如果我将其更改为“ all-all”，则“ Hello World”将在任何字符处都中断，这没有任何意义，因此，我如何同时处理这两个字符串，并用相同的字母来破坏长字符串？（调整浏览器大小时中断）和一个普通句子（调整浏览器大小时，按单词断开）。

   <div style="word-break: break-word" >
      <p>1111111111111111111111111111111111111111111111111111111111111</p>
      <p>Hello World Hello World Hello World Hello World Hello World</p>
    </div>

Answer 1

IE不支持断词。您可以使用自动换行代替。 https://developer.mozilla.org/en-US/docs/Web/CSS/word-break

也同意另一个答案，即您可以单独应用样式。

Answer 2

您可以使用断字和溢出包装属性。

<style>
    #test {
        word-break: break-all;
        overflow-wrap: break-word;
    }
</style>
<div id="test">
    <p>1111111111111111111111111111111111111111111111111111111111111</p>
    <p>Hello World Hello World Hello World Hello World Hello World</p>
</div>

编辑：您可以单独设置属性。

 <div >
    <p style="word-break: break-all">1111111111111111111111111111111111111111111111111111111111111</p>
    <p style="word-break: break-word">Hello World Hello World Hello World Hello World Hello World</p>
</div>

如何在IE中只打断长词？

2 个答案: