Maison  >  Article  >  interface Web  >  Pourquoi mon « text-overflow : points de suspension » ne fonctionne-t-il pas ?

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

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-11-10 19:51:03546parcourir

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!

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