Как заставить разрывы строк между словами только в CSS / HTML?
У меня есть только обычный кусок текста в <p>
тег внутри <div>
тег. Но только Firefox отображает это правильно.
Firefox разрывает строки между словами. Все остальные браузеры прерывают строку среднего слова, что затрудняет чтение.
Вот пример того, что я имею в виду:
Firefox (работает):
This was busy in it was I was here. Let
him as being within eight by their
graves, to go down upon her to be a
dozen directly. So, leaving word
following, poor mother, of other man,
and my finger on his blue flag, and the
habit of tea on a bit. I might feel
very sorry there is rich, too; late of
his deepest voice...
Все остальные браузеры (IE5-8, Safari, Chrome) (не работает:)
This was busy in it was I was here. Le
t him as being within eight by their g
raves, to go down upon her to be a doz
en directly. So, leaving word followin
g, poor mother, of other man, and my f
inger on his blue flag, and the habit
of tea on a bit. I might feel very sor
ry there is rich, too; late of his dee
pest voice...
Как мне сделать это для всех браузеров?
2 ответа
Решение
Где-то в вашем CSS у вас, вероятно, есть word-wrap: break-word
, Найдите и измените на word-wrap: normal
(или просто удалите элемент переноса слов).
Чтобы текст разбился сам по себе, просто добавьте отступ слева и справа к контейнеру (div, td и т. Д.) Текста.