Как я могу разбить только длинные слова в IE?

Question

В IE эта длинная строка ' 111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 ' распознается как слово, поэтому при изменении размера браузера IE слово break не происходит вообще, я знаю, что word-break: break-all может изменить любую длинную строку при изменении размера браузера.

Но если я изменю ее на break-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

Вы можете использовать атрибуты разрыва слова и переполнения.

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

Answer 2

Разрывное слово не поддерживается IE.Вы можете использовать перенос слов вместо этого.https://developer.mozilla.org/en-US/docs/Web/CSS/word-break

Также согласитесь с другим ответом, в котором говорится, что вы можете применять стили по отдельности.