dr.Brain

doctor Brain

мир глазами веб-разработчика

CSS: фиксируем количество строк

ограничиваем количество строк с помощью CSS

dr.Brain

время чтения 1 мин.

Photo by René Lehmkuhl on Unsplash

Порой, для улучшения читабельности контента на странце необходимо ограничить количество выводимых в блоке строк.

Для этого существует очень простой метод:

p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* Number of Lines */
}

Спасибо за внимание.

Новые публикации

Далее

Категории

О нас

Frontend & Backend. Статьи, обзоры, заметки, код, уроки.