A propriedade line-clamp
A propriedade left limita o texto ao número
especificado de linhas. Em vez de linhas extras no texto,
uma reticência é colocada.
Sintaxe
seletor {
line-clamp: none | número de linhas
}
Exemplo
Vamos limitar nosso texto a duas linhas:
<p>
texto texto texto texto texto texto texto texto
texto texto texto texto texto texto texto texto
texto texto texto texto texto texto texto texto
texto texto texto texto texto texto texto texto
</p>
body {
width: 200px;
height: 100px;
}
p {
-webkit-line-clamp: 2;
line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
:
