Maison >interface Web >tutoriel CSS >Comment obtenir une largeur fixe dans une étendue au sein d'une liste non ordonnée sans modifier le remplissage ou les balises ?

Comment obtenir une largeur fixe dans une étendue au sein d'une liste non ordonnée sans modifier le remplissage ou les balises ?

Linda Hamilton
Linda Hamiltonoriginal
2024-11-05 18:30:02929parcourir

How to Achieve Fixed Width in a Span Within an Unordered List without Modifying Padding or Tags?

Obtention d'une largeur fixe dans une étendue au sein d'une liste non ordonnée

Lorsque vous travaillez avec des listes non ordonnées, il peut être souhaitable d'aligner le texte après une -largeur de portée. Cependant, la modification du remplissage ou l'ajout/modification de balises n'est pas autorisé. La solution suivante fournit un moyen d'atteindre cet objectif sans violer ces restrictions :

Utiliser CSS

Une approche idéale serait d'utiliser le CSS suivant :

span {
  display: inline-block;
  width: 50px;
}

Cette solution est efficace dans tous les navigateurs à l'exception de Firefox 2 et des itérations antérieures. Pour ces navigateurs existants, envisagez plutôt d'utiliser la valeur -moz-inline-box. Cependant, n'oubliez pas qu'il se comporte différemment du bloc en ligne et peut produire des résultats inattendus dans certains scénarios.

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