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
Origin news.humancoders.com