Lorsque vous traitez du texte qui dépasse l'espace disponible, il est courant d'avoir besoin d'un visuel indicateur pour suggérer que davantage de contenu est disponible. Ceci peut être réalisé en affichant des points (points de suspension) dans l'élément span à l'aide de CSS.
Pour activer cette fonctionnalité, suivez ces étapes :
Voici un exemple de code :
<code class="css">span { display: inline-block; width: 180px; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; }</code>
<code class="html"><span>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book</span></code>
En implémentant ces propriétés CSS, vous pouvez afficher efficacement des points de suspension dans un élément span avec un débordement masqué, indiquant qu'il y a plus de texte disponible au-delà de la plage visible.
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!