Les points de suspension de débordement de texte ne fonctionnent pas
La propriété text-overflow est destinée à tronquer le texte affiché et à ajouter des points de suspension (...) pour indiquer que le texte intégral n'est pas visible. Cependant, si cette propriété ne fonctionne pas comme prévu, il est crucial de s'assurer que plusieurs propriétés CSS clés sont en place.
Propriétés CSS requises :
Pour activer correctement la text-overflow : effet de points de suspension, vous devez avoir défini les propriétés CSS suivantes :
Démo avec code correct :
L'extrait CSS suivant montre comment appliquer correctement les éléments nécessaires propriétés :
span { border: solid 2px blue; white-space: nowrap; text-overflow: ellipsis; width: 100px; display: block; overflow: hidden; }
Exemple :
<span>Test test test test test test</span>
En implémentant ces propriétés, vous pouvez vous assurer que le texte spécifié sera tronqué et affichera des points de suspension lorsque son conteneur la largeur est trop étroite pour accueillir l'intégralité du texte.
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!