Свойство hyphens в CSS устанавливает, как браузер будет осуществлять перенос слов в выводимом тексте. 4 С его помощью можно запретить расстановку переносов через дефис, разрешить её или выполнять только при наличии определённых символов. 2
Свойство overflow-wrap позволяет указать, необходимо ли переносить слова, выходящие за границы элемента. 2 По умолчанию оно имеет значение normal, что означает, что слова могут разрываться только в определённых местах, например, когда имеется пробел или дефис. 2 Два других значения (break-word и anywhere) указывают браузеру, что он должен вставлять разрывы в неразрывную строку. 2 При этом разрыв создаётся только в том случае, если всё слово не может быть помещено в отдельную строку без переполнения. 2
Таким образом, основное отличие в том, что hyphens регулирует расстановку переносов, а overflow-wrap указывает, как переносить слова при переполнении элемента. 23