Propriété line-clamp
La propriété left limite le texte au nombre
de lignes spécifié. Des points de suspension sont ajoutés
à la place des lignes excédentaires.
Syntaxe
sélecteur {
line-clamp: none | nombre de lignes
}
Exemple
Limitons notre texte à deux lignes :
<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;
}
:
