⚡ CSS-Свойство дня: text-wrap
Свойство text-wrap контролирует то, как текст расположится внутри элемента. Можно применять, например, для более сбалансированного вида заголовков, которые не вмещаются в одну строку.
У свойства text-wrap есть три крутых значения:
1️⃣ balance— браузер сам высчитывает длину строк так, чтобы они были примерно одинаковыми по ширине.
2️⃣ pretty— алгоритм, который предотвращает «сирот» (одиноких слов в конце абзаца). Он смотрит на последние четыре строки и подгоняет их так, чтобы в конце не оставалось одного огрызка.
3️⃣ stable — гарантирует, что при редактировании текста в режиме реального времени (например, в инпутах) контент не будет «прыгать» слишком резко.
Честно говоря, еще не так много пользовался этим свойством. В основном было достаточно ограничить по ширине с помощью max-width. Но это не самый надёжный способ. Теперь, кажется, буду пользоваться чаще, благо поддержка неплохая 👍
#cssсвойстводня
