Maison > interface Web > tutoriel CSS > 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

藏色散人
Libérer: 2020-11-20 11:16:12
original
5890 Les gens l'ont consulté

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!

Étiquettes associées:
css
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal