Найти тему
17 тыс подписчиков

Новое в 2023 — text-wrap: balance


В 2023 в CSS появилось новое любопытное свойство text-wrap со значением balance. Оно «уравновешивает» текстовые элементы, чтобы они приятнее выравнивались внутри блока.

h1 {
text-wrap: balance;
}

Ограничение — текст не длиннее 6 строк, иначе браузеру придётся непросто, и лучше не применять это свойство к body.

text-wrap: balance поддерживается во всех больших браузерах, кроме Safari, а на мобильных — только в Chrome, но то ли ещё будет.

upd в комментах Коля Шабалин уточнил пару нюансов, посмотрите тоже.
Новое в 2023 — text-wrap: balance  В 2023 в CSS появилось новое любопытное свойство text-wrap со значением balance.
Около минуты