CSS: лимит строк
сокращаем количество строк с помощью CSS
Свойство -webkit-line-clamp позволяет ограничить содержимое блока указанным количеством строк.
Например:
p.intro {
width: 300px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; /* обрезаем, если количество строк больше 3 */
overflow: hidden;
}
Для того, чтобы результат соответствовал ожиданиям, должны быть соблюдены следующие правила:
- свойство
displayимеет значение-webkit-boxили-webkit-inline-box, - значение свойства
-webkit-box-orientсоответствуетvertical overflowсодержит значениеhidden
Спасибо за внимание.
