Vue lecture

Text Truncation with Ellipsis on Multiple Lines | 56kode

Il existe plusieurs techniques pour tronquer un texte et afficher trois petits points pour signifier que le texte a été coupé, certaines coté backend et d'autre coté fronted. Bien souvent on utilise un langage de programmation pour ça.

On peut également le faire en CSS.

.multi-line-truncate {
  width: 300px; /* Fixed width for the example */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

Testé et approuvé, ça marche très.


Permalien
❌