Перенос слів коштами CSS word-break – керує перенесенням довгих слів (normal – не переносити, якщо перенесення не заданий явно, break-all – примусово переносити, keep-all – не переносити, навіть якщо слово містить дефіс).

Перенесення рядки або слів у HTML за допомогою CSS

1. overflow-wrap із значеннями: break-word.
2. word-wrap із значеннями: break-word.
3. word-break із значеннями: keep-all, break-all.
4. line-break зі значеннями: loose, normal, strict.
5. hyphens зі значеннями: none, auto.

24-Jul-2021

Щоб ігнорувалися рисочки, відразу видимі оку, вносимо word-break: keep-all; . Для того щоб браузер не звертав уваги і на м'який дефіс, вставляємо hyphens: none; . Якщо необхідно перенос слів, то word-wrap: break-word; раджу застосовувати завжди, оскільки він розуміється усіма браузерами.