Tous les éléments suivants sont nécessaires, le texte doit donc être sur une seule ligne droite qui déborde d'une boîte où ce débordement est masqué.
.truncate ( width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; )Voir l'ellipse de débordement de base du stylo par Chris Coyier (@chriscoyier) sur CodePen.
Notez la largeur fixe utilisée ici. L'essentiel est que l'élément a besoin d'une sorte de largeur déterminée, à laquelle vous devez faire particulièrement attention avec flexbox:
Voir le Pen Thing que vous devez savoir sur flexbox par Chris Coyier (@chriscoyier) sur CodePen.
Vous cherchez à tronquer à un certain nombre de lignes?