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

Comment masquer le texte en excès en CSS

王林
王林original
2020-11-18 17:22:302696parcourir

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;

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;

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!

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