Как работает свойство overflow-wrap в CSS для управления переносами слов?

Свойство overflow-wrap в CSS позволяет указать, необходимо ли переносить слова, выходящие за границы элемента. itchief.ru

По умолчанию overflow-wrap имеет значение normal. itchief.ru Это означает, что слова могут разрываться только в определённых местах, например, когда имеется пробел или дефис. itchief.ru

Два других значения (break-word и anywhere) указывают браузеру, что он должен вставлять разрывы в неразрывную строку. itchief.ru При этом разрыв создаётся только в том случае, если всё слово не может быть помещено в отдельную строку без переполнения. itchief.ru В этом случае разорвано слово может быть на любом символе, если в нём нет других приемлемых точек разрыва. itchief.ru

Таким образом, overflow-wrap создаёт перенос только, если целое слово не может быть размещено на своей линии без переполнения. developer.mozilla.org