Word break не работает в FF и IE

Question

У меня возникла проблема с word-wrap: break-word; недвижимостью в IE и FF. В Chrome текст выглядит хорошо, если оно переполняет его родителя Chrome пытается разбить текст пробелами и, если он не имеет места Chrome просто разорвать все слова:

Но в IE и FF это правило Безразлично «т работать

Я могу добавить break-all в этом случае браузер плюнул накидной слово, но это не хорошо выглядеть со словами, которые имеют пробелы

Answer 1

Фактически word-wrap: break-word; не всегда является хорошим решением при нарушении переполненных предложений. Поскольку это нарушает слова предложения, которые устраняют фактическое значение слова или, лучше сказать, делают его нечитаемым.

Так при использовании word-wrap: break-word; попробовать, учитывая white-space: pre-wrap; который только разорвет приговора многозначительно, что означает слово доступность может ворваться в

доступа
ibility

, но если мы будем использовать white-space: pre-wrap; он будет всегда дает вам

доступность

Здесь я создал JSFiddle.

p {word-wrap: break-word; white-space: pre-wrap;} 

Надеюсь, он сработает для вас.