line-clamp |
Pince de ligne |
|---|---|
| Tailwind CSS | |
Classe
| line-clamp |
Description
Cet utilitaire limite le nombre de lignes visibles pour un texte, créant des textes tronqués avec des ellipses si nécessaire.
Définition
| Classe | Styles |
|---|---|
| line-clamp-<nombre> | overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: <nombre>; line-clamp-none |
| overflow: visible; | display: block; -webkit-box-orient: horizontal; -webkit-line-clamp: unset; line-clamp-(<propriete-personnalisee>) |
| overflow: hidden; | display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(<propriete-personnalisee>); line-clamp-[<valeur>] |
| overflow: hidden; | display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: <valeur>; |
Dernière mise à jour : Vendredi, le 6 février 2026