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

csssélecteur {
  line-clamp: none | nombre de lignes
}

Exemple

Limitons notre texte à deux lignes :

html<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>

cssbody {
  width: 200px;
  height: 100px;
}
p {
  -webkit-line-clamp: 2;
  line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

Результат: