📰 CSS‑трюк: многострочная обрезка текста без JS Карточка товара, описание курса, превью блога — контента больше, чем места. Хочется оборвать текст «…» после пары строк, но не писать JavaScript‑костыль с измерением высоты. Достаточно трёх CSS‑свойств, и браузер сделает всё сам. /* Обрезать текст после *n* строк и показать многоточие */ .truncate-2 { display: -webkit-box; /* создаём флекс‑контейнер старого типа */ -webkit-box-orient: vertical;/* вертикальное направление */ -webkit-line-clamp: 2; /* 👉 количество видимых строк */ overflow: hidden; /* прячем всё лишнее */ } 🔧 Использование в HTML: <p class="card__description truncate-2"> Samurai’s way is endless…but UI‑дизайнеру нужна ровная сетка и чёткая высота элемента. </p> Поменяй число в -webkit-line-clamp, и тот же класс обрежет текст на 3‑5 строк — одной строчкой кода. Snipit #CSS #FrontEnd #UI #WebDev