🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.

Доступно в Baseline в статусе «Widely Available» с 2018-03-30

CSS свойство word-break управляет тем, как браузер переносит строки внутри слов. Оно помогает сделать текст более читаемым, особенно при работе с длинными словами или недостаточной шириной контейнера. Основные значения — normal, break-all и keep-all — влияют на перенос и разбиение текста.

Пример:

p {
  word-break: break-all;
}

Это скажет браузеру перебивать слова даже в середине, чтобы в строке поместился весь текст. В других случаях, например, при normal, браузер будет переносить слова только на границах границ строки по умолчанию.

Больше обзоров веб-функций — в телеграм-канале HTML Academy.

Нашли ошибку или опечатку? Напишите нам.