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

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.

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!