Maison  >  Article  >  interface Web  >  css implémente le débordement de texte et affiche des points de suspension sans retour à la ligne

css implémente le débordement de texte et affiche des points de suspension sans retour à la ligne

藏色散人
藏色散人original
2020-11-20 11:16:125870parcourir

Comment implémenter le texte CSS pour afficher les points de suspension sans débordement de retour à la ligne : ouvrez d'abord la feuille de style CSS ; puis utilisez l'attribut "white-space: nowrap;" pour forcer le texte à ne pas retourner à la ligne ; text-overflow:ellipsis;" Implémentez simplement le débordement de texte et affichez les points de suspension.

css implémente le débordement de texte et affiche des points de suspension sans retour à la ligne

Recommandé : "tutoriel vidéo CSS"

Pas obligatoire. Retour à la ligne

  • espace blanc : nowrap ; le texte est forcé de ne pas s'enrouler

  • text-overflow : points de suspension ; le dépassement de texte affiche des points de suspension ;

  • overflow:hidden; Masquer la partie de débordement

2. retour à la ligne : casse-mot ;

  • saut de mot : normal ;

  • 3. Forcer le saut de ligne de mot anglais

  • coupe-mot : casse-tout ;

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