Чтобы настроить автоматические переносы слов на разные языки в CSS, нужно установить язык для текста. 1 Это сообщит браузеру, какой использовать словарь. 1 Язык веб-страницы устанавливается с помощью атрибута HTML lang. 1
После установки языка можно включить автоматические переносы в CSS. 1 Для этого нужно установить свойство hyphens в значение auto. 14 Для корректной работы свойства в теге или
должен присутствовать атрибут lang со значением языка. 2
Также для управления переносами можно использовать свойство hyphenate-limit-chars. 1 Оно принимает три значения, разделённые пробелами: минимальное ограничение символов для всего слова, минимальное количество символов до и после переноса. 1 По умолчанию для всех трёх параметров установлено значение auto, то есть браузер выберет лучшие настройки на основе текущего языка и макета. 1
Ещё одно свойство, которое может помочь настроить перенос слов, — word-break. 23 Оно определяет, как будет переноситься на новую строку текст при достижении края родительского контейнера. 3 Например, значение word-break: keep-all запрещает разрывать слова внутри текста на китайском, японском или корейском языках. 3