Свойство line-clamp — это простой способ ограничить текст по количеству строк и сохранить аккуратный вид интерфейса. Оно особенно полезно там, где нужно показать лишь часть контента: в превью, карточках, списках.

В статье показываем, как обойтись без JavaScript-костылей для тримминга и на что опираться в CSS: стандартное line-clamp в современных браузерах и префиксная связка display: -webkit-box + -webkit-box-orient: vertical + -webkit-line-clamp для совместимости со старыми Safari. Важно понимать механику и ограничения, а не просто копировать сниппет — тогда компоненты будут вести себя предсказуемо в разных браузерах. #css #typography

🤓 Читать статью