Comment puis-je créer un débordement de texte multiligne avec Ellipsis en CSS ?

Ellipses de débordement CSS sur plusieurs lignes

Le problème

Les propriétés CSS permettent de masquer le texte débordé avec des points de suspension ("...") ) en fin de ligne. Toutefois, cette fonctionnalité est limitée à une seule ligne. L'objectif est d'étendre ce comportement à plusieurs lignes de texte.

La solution

Bien que CSS seul ne puisse pas y parvenir, les plugins jQuery fournissent une solution. Vous trouverez ci-dessous une liste de produits recommandés plugins :

• http://pvdspek.github.com/jquery.autoellipsis/
• http://dotdotdot.frebsite.nl/
• http://keith-wood.name/more.html
• http://github.com/tbasse/jquery-truncate

Performances Considérations

Considérez les tests de performances lors de la sélection d'un plugin. Vous trouverez ci-dessous quelques ressources pour l'évaluation des performances :

• [Comparaison des performances](https://code.google.com/archive/p/jquery-text-overflow/)
• [ Test de performances Ellipsify](https://ellis.ninjs.in/performance)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!