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

Свойство overflow-wrap определяет, должен ли браузер переносить длинные слова на новую строку при переполнении контейнерного элемента.

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

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

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

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

Позволим браузеру переносить длинные слова на новую строку, если они не помещаются в контейнерный элемент:


div {
  overflow-wrap: break-word;
}