Utilitário
Line Clamp
Trunca um bloco de texto em um número fixo de linhas com reticências.
Classes
| Classe CSS | Descrição |
|---|---|
.line-clamp-1 | trunca o texto em 1 linha |
.line-clamp-2 | trunca o texto em 2 linhas |
.line-clamp-3 | trunca o texto em 3 linhas |
.line-clamp-4 | trunca o texto em 4 linhas |
Todas as classes aplicam o mesmo conjunto de propriedades, variando apenas
-webkit-line-clamp:
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: N; /* N = 1, 2, 3 ou 4 */