Свойство overflow-wrap определяет, должен ли браузер переносить длинные слова на новую строку при переполнении контейнерного элемента.
overflow-wrap: normal | anywhere | break-word | initial | inherit;
Возможные значения
Значение | Описание |
---|---|
normal | Длинные слова не переносятся на новую строку, даже если они не помещаются в контейнерный элемент. Значение по умолчанию. |
anywhere | Длинные слова переносятся на новую строку, если они не помещаются в контейнерный элемент. |
break-word | Длинные слова переносятся на новую строку, если они не помещаются в контейнерный элемент. |
inherit | Значение наследуется от родительского элемента. |
initial | Устанавливает значение по умолчанию. |
Пример использования
Позволим браузеру переносить длинные слова на новую строку, если они не помещаются в контейнерный элемент:
div {
overflow-wrap: break-word;
}