Разница между свойствами overflow-wrap и hyphens при переносе текста заключается в том, что каждое из них решает разные задачи:
- overflow-wrap позволяет указать браузеру разорвать слово, перенеся его на новую строку, в том случае, если слово не помещается в контейнер. 1 По умолчанию свойство имеет значение normal, при котором слова могут разрываться только в определённых местах, например, когда имеется пробел или дефис. 3 Два других значения (break-word и anywhere) указывают браузеру вставлять разрывы в неразрывную строку. 3
- hyphens указывает браузеру, как обрабатывать переносы слов с добавлением дефисов. 5 Значение none запрещает добавлять дефисы в слова при разрыве строк. 5 Значение manual (по умолчанию) говорит, что слова будут переноситься через дефис только в местах, где проставлены символы ручного переноса. 3 Значение auto позволяет браузеру самостоятельно принять решение о разделении длинных слов с использованием дефиса и о переносе их на новые строки. 1