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

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
Libérer: 2024-11-05 18:30:02
original
874 Les gens l'ont consulté

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;
}
Copier après la connexion

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!

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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!