176просмотров
27 ноября 2025 г.
📷 ФотоScore: 194
CSS text-wrap: balance — убираем «висячие» слова. Что такое text-wrap: balance? Это свойство которое автоматически балансирует текст, распределяя слова таким образом, чтобы избежать одиночных слов в конце абзацев, и убирает висячие союзы и предлоги в тексте. Пример: <p>Пришел кот на кухню, посмотрел на пустую миску. Нет там больше еды и заплакал он. Невозможно было мне поверить в это...</p> p { text-wrap: balance; } Поддержка браузерами: 86.37%. К сожалению это свойство начали внедрять это несколько лет назад, так что есть вероятность что будут попадаться пользователи, у кого это свойство не сработает. Рекомендуется предусмотреть запасной вариант. Для браузеров, не поддерживающих text-wrap, можно использовать неразрывные пробелы. Помочь в этом может бесплатный Типограф Артемия Лебедева, он автоматизирует расстановку неразрывных пробелов. Демо на CodePen #html #css #webdev #frontend #типографика #верстка #разработка Мои каналы: 📱 Youtube 📱 Vk.ru 🔠Teletype
176
просмотров
977
символов
Нет
эмодзи
Да
медиа

Другие посты @grreru

Все посты канала →
CSS text-wrap: balance — убираем «висячие» слова. Что такое — @grreru | PostSniper