Maison > Article > interface Web > 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

一个新手original: 2017-09-20 09:28:162757parcourir

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;//不换行

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!

Déclaration：

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

Article précédent：Quelles sont les manières d’introduire le CSS ?Article suivant：Quelles sont les manières d’introduire le CSS ?

Articles Liés

Voir plus