CSS свойство word-wrap

Свойство word-wrap устанавливает, можно или нельзя переносить на новую строку длинные слова, которые не помещаются по ширине контейнера.

CSS синтаксис

word-wrap: normal | break-word | initial | inherit;

Возможные значения

Значение Описание
normal Длинные слова переносятся только в местах, где явно задан перенос.
break-word Разрешает перенос длинных слов на новую строку.
inherit Значение наследуется от родительского элемента.
initial Устанавливает значение по умолчанию.

Пример использования

Устанавливаем, чтобы все длинные слова переносились на новую строку


p.test {
    word-wrap: break-word;
}