Maison > interface Web > tutoriel CSS > Comment masquer le texte en excès en CSS

Comment masquer le texte en excès en CSS

王林
Libérer: 2020-11-18 17:22:30
original
2691 Les gens l'ont consulté

Comment masquer la partie excédentaire du texte en CSS : Vous pouvez utiliser l'attribut text-overflow, tel que [text-overflow:ellipsis;]. La valeur d'attribut points de suspension indique l'utilisation de points de suspension pour représenter le texte en excès.

Comment masquer le texte en excès en CSS

Introduction à l'attribut : L'attribut

text-overflow spécifie ce qui doit se passer lorsque le texte déborde de l'élément qui le contient.

(Partage de vidéos d'apprentissage : tutoriel vidéo CSS)

Syntaxe :

text-overflow: clip|ellipsis|string;
Copier après la connexion

Valeur d'attribut :

  • clip Couper le texte.

  • ellipse Affiche des ellipses pour représenter le texte coupé.

  • string Utilisez la chaîne donnée pour représenter le texte coupé.

Exemple :

Le débordement de texte sur une seule ligne affiche des points de suspension

overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
Copier après la connexion

Recommandations associées : Tutoriel CSS

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
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