时间戳

首页 > 解决方案 > 如何在 IE 中只打断长词？

html - 如何在 IE 中只打断长词？

问题描述

在 IE 中，这个长字符串 ' 111111111111111111111111111111111111111111111111111111111111 ' 被识别为一个单词，所以当我调整 IE 浏览器的大小时，单词中断根本不会发生，我知道word-break: break-all在更改大小时可以中断任何长字符串的浏览器。

但是如果我把它改成break-all，Hello World会在任何字符处被打破，这没有意义，所以我怎样才能同时处理这两个字符串，用相同的字母打破长字符串（break when调整浏览器的大小）和一个普通的句子（调整浏览器的大小时，按单词拆分）。

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

标签： htmlcssinternet-explorer

解决方案

您可以使用 word-break 和 overflow-wrap 属性。

<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>

推荐阅读