hyphens
Автоматический перенос слов по слогам в конце строки.
Синтаксис
hyphens: auto;Значения
| Параметр | Тип | Описание |
|---|---|---|
| manual | keyword | Только там, где в тексте стоит мягкий перенос `­` (по умолчанию). |
| auto | keyword | Браузер переносит по правилам языка. |
| none | keyword | Никогда не переносить. |
Примеры
Переносы в узкой колонке с выравниванием по ширине:
<style>
p { width: 140px; border: 1px solid lightgray; text-align: justify; }
</style>
<p lang="en" style="hyphens: auto;">Internationalization requires extraordinarily comprehensive documentation.</p>Примечания
hyphens: auto требует указать язык в атрибуте lang — у элемента или у <html>. Без него, а также для языка, словаря которого у браузера нет, ничего не произойдёт.
См. также
- overflow-wrap — Разрешает разрывать длинное слово, чтобы оно не вылезало за блок.
- text-align — Выравнивание текста и строчного содержимого внутри блока по горизонтали.
- word-break — Можно ли разрывать слова между любыми буквами.
Вопросы и ответы по теме
В учебнике
- Текст и шрифты — Шрифт, размер, жирность, курсив, высота строки, выравнивание и оформление текста, подключение своего шрифта.