Свойство line-clamp - ограничение текста количеством строк в CSS

Свойство left ограничивает текст до указанного количества строк. Вместо лишних строк в тексте ставится многоточие.

Синтаксис

селектор { line-clamp: none | число строк }

Пример

Давайте ограничим наш текст до двух строк:

<p> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </p> body { width: 200px; height: 100px; } p { -webkit-line-clamp: 2; line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }

:



Чат с GPT Компилятор