word-break
Можно ли разрывать слова между любыми буквами.
Синтаксис
word-break: value;Значения
| Параметр | Тип | Описание |
|---|---|---|
| normal | keyword | Слова переносятся только по пробелам и дефисам. |
| break-all | keyword | Строка может разорваться между любыми буквами, даже без необходимости. |
| keep-all | keyword | Не разрывать слова в китайском, японском и корейском тексте. |
Примеры
break-all и обычное поведение:
<style>
p { width: 150px; border: 1px solid lightgray; }
</style>
<p style="word-break: break-all;">Breaks anywhere: supercalifragilistic expialidocious</p>
<p>Normal: supercalifragilisticexpialidocious</p>Примечания
break-all рвёт даже короткие слова, которые поместились бы на следующей строке. Чтобы разрывать только слова, которые иначе вылезут за край, берите overflow-wrap: anywhere.
См. также
- overflow-wrap — Разрешает разрывать длинное слово, чтобы оно не вылезало за блок.
- hyphens — Автоматический перенос слов по слогам в конце строки.
- white-space — Что делать с пробелами и переносами строк из исходного кода и можно ли переносить строки.
Вопросы и ответы по теме
В учебнике
- Переполнение и слои — Что делать, когда содержимое не помещается в блок — overflow, прокрутка, многоточие — и как z-index решает, какой элемент лежит сверху.