communauté Apprendre Bibliothèque d'outils Loisirs

Français

Maison > interface Web > tutoriel CSS > Comment masquer les mots redondants et les remplacer par des points de suspension

Comment masquer les mots redondants et les remplacer par des points de suspension

一个新手

Libérer： 2017-09-20 09:28:16

original

2853 Les gens l'ont consulté

Des effets similaires sont souvent rencontrés sur le front-end. Par exemple, dans l'image, "…." après "Fenghuaxueyue et Volcan de la Vieille Ville-..." ne peut pas être affiché lorsqu'il est masqué. par défaut, utilisez... à la place.
Comment masquer les mots redondants et les remplacer par des points de suspension
Il vous suffit d'ajouter les 3 attributs CSS suivants à l'élément pour y parvenir.

            overflow: hidden;//多余的隐藏            
            text-overflow:ellipsis;//多出来的用省略号代替            
            white-space: nowrap;//不换行

Copier après la connexion

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!

Étiquettes associées：

多余隐藏

source：php.cn

Article précédent：Quelles sont les manières d’introduire le CSS ? Article suivant：Conseils et détails sur l'animation CSS

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur