Maison >interface Web >tutoriel CSS >Comment préserver l'alignement du texte dans les étendues d'une liste non ordonnée ?

Comment préserver l'alignement du texte dans les étendues d'une liste non ordonnée ?

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-11-09 19:53:02242parcourir

How to Preserve Text Alignment within Spans in an Unordered List?

Préserver l'alignement du texte dans les étendues d'une liste non ordonnée

Pour aligner le texte suivant les étendues dans une liste non ordonnée tout en conservant la disposition d'origine, suivez ces étapes :

Solution :

Incorporer le CSS fourni, en prenant note des limitations de compatibilité :

<code class="CSS">span {
  display: inline-block;
  width: 50px;
}</code>

Considérations :

  • Cette solution est universellement prise en charge, sauf dans Firefox 2 et les versions antérieures.
  • Pour Firefox 2 et versions antérieures, utilisez la propriété -moz-inline-box, bien qu'avec du potentiel limitations.

Remarque supplémentaire :

Bien qu'il puisse être nécessaire d'envelopper le texte « animal paresseux » dans un élément supplémentaire, cela nécessite une enquête plus approfondie.

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