Maison > interface Web > tutoriel CSS > le corps du texte

Pourquoi mon « text-overflow : points de suspension » ne fonctionne-t-il pas ?

Mary-Kate Olsen
Libérer: 2024-11-10 19:51:03
original
552 Les gens l'ont consulté

Why Isn't My `text-overflow: ellipsis` Working?

débordement de texte : les points de suspension ne fonctionnent pas

Pour tenter de réduire une étendue avec des points de suspension lorsque la fenêtre du navigateur est réduite, le code suivant a été utilisé :

Cependant, ce code ne produit pas l’effet escompté. Pour résoudre les problèmes, il est important de s'assurer que les propriétés CSS suivantes sont présentes :

  • Débordement : Cette propriété contrôle la façon dont le contenu doit circuler en dehors de son conteneur.
  • Width (ou max-width) : Cette propriété détermine la largeur maximale du span.
  • Display : Cette propriété spécifie comment l'étendue doit être affichée, généralement définie sur inline, block ou inline-block.
  • Espace blanc :Cette propriété dicte la façon dont les espaces blancs sont gérés dans l'intervalle.

Voici un exemple de code corrigé qui inclut ces propriétés :

En incorporant ces propriétés CSS, la durée devrait désormais rétrécir avec des points de suspension lorsque la fenêtre devient étroite.

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!

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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal