Перенос текста в html

Перенос текста в html

Вокруг переноса текста на html странице было сломано немало копий. Предлагались различные варианты, в том числе и с изначальной ручной их расстановкой.


Так было до появления СSS свойства hyphens. Правила переносов hyphens определяются словарём встроенным в браузер. Свойство hyphens работает при наличии атрибута lang с кодом языка на уровне всего документа:

<html lang="ru">

или отдельных его частей:

<div lang="ru"></div>

Выглядит это вот таким образом, с использованием префиксов для различных браузеров:

p {
  -webkit-hyphens:auto;
  -moz-hyphens:auto;
  -ms-hyphens:auto;
  -o-hyphens:auto;
  hyphens:auto
}

На самом деле у СSS свойства hyphens, есть и другие значения, кроме auto, но в контексте данной статьи я их не рассматриваю. Если интересно, то найдёте их описания в любом справочнике по css. Данное свойство можно дублировать с выключкой текста по ширине, но как всегда без фанатизма - во всём нужна мера.

Удачного сайтостроения!


sbird    В копилку    465

Комментарии отсутствуют

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