Gestion du texte CSS : débordement de texte, débordement et bien plus encore !

DEV - 14/04
Gestion du texte CSS : débordement de texte, débordement et bien plus encore ! Quand il s'agit de peaufiner...

Gestion du texte CSS : débordement de texte, débordement et bien plus encore !

Lorsqu'il s'agit d'affiner le comportement du texte dans ses conteneurs sur une page Web, CSS fournit un éventail de propriétés pour vous aider. Examinons non seulementdébordement de texteetemballage à débordement, mais aussi d'autres propriétés précieuses qui contribuent à un affichage de texte soigné.

débordement de texte : points de suspension ;

Ledébordement de textepropriété, en particulier lorsqu'elle est définie surellipse, est une bouée de sauvetage pour gérer le texte qui dépasse la largeur de son conteneur. Cette propriété indique au navigateur d'afficher des points de suspension (...) à l'endroit où le texte déborde de son conteneur.

Voici la configuration de base :

.ellipsis-text { espace blanc : nowrap ; /* Empêche le retour à la ligne du texte */ overflow: Hidden; /* Masque le contenu débordant */ text-overflow: ellipsis; /* Affiche des points de suspension pour le texte tronqué */ width: 200px; /* Exemple de largeur */ }
Entrer en mode plein écran Quitter le mode plein écran

Et en HTML :

Il s'agit d'un texte long qui sera tronqué par des point...
[Courte citation de 8% de l'article original]