Перенос текста в html
С начала зарождения интернета, вокруг переноса текста на html странице было сломано немало копий. Предлагались различные варианты, в том числе и с изначальной ручной их расстановкой. Все данные способы имели определенные изъяны.
Так было до появления СSS свойства hyphens и активной поддержкой данного CSS свойства браузерами. Правила переносов hyphens определяются словарем, встроенным в браузер.
Свойство hyphens работает при наличии атрибута lang с кодом языка на уровне всего html документа:
<html lang="ru">
или отдельных его блоков:
<div lang="ru"></div>
Для тега абзаца это выглядит вот таким образом:
p {hyphens:auto;}
Данное свойство можно дублировать с выключкой текста по ширине, но, как всегда, без фанатизма - во всём нужна мера. На самом деле у СSS свойства hyphens, есть еще два значения: none и manual.
hyphens:manual.
Переносы слов в тексте происходят в тех местах, где добавлен ­ или <wbr>, если их нет, то переносы не происходят.
hyphens:none.
Слова не переносятся, даже при наличии в тексте мягких переносов (­).
Ещё следует учесть, что браузеры применяют правила переноса только при присутствии данного атрибута и доступности соответствующего словаря для расстановки переносов.
Отправьте нам ТЗ!
Если вы уже приняли решение поработать с нами, то пожалуйста напишите нам используя форму обратной связи или отправьте сообщение на почту, нажав зелёную кнопку.
Менеджер обязательно свяжется с вами.
