Comment styliser des éléments Span avec une largeur fixe en CSS tout en conservant la compatibilité avec les anciens navigateurs ?

Style des éléments Span avec une largeur fixe en CSS :

Considérez le scénario suivant : vous avez une liste non ordonnée avec des étendues contenant des textes qui devraient être alignés. Cependant, vous n'êtes pas autorisé à ajouter du remplissage ou à modifier les balises.

Pour y parvenir, une solution idéale en CSS serait d'utiliser le style suivant :

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

Cependant, ceci La solution comporte une mise en garde : elle n'est pas prise en charge dans Firefox 2 et les versions antérieures.

Remplacement pour Firefox 2 et versions antérieures :

Pour ces navigateurs plus anciens, une solution de contournement consiste à utiliser la propriété -moz-inline-box :

<code class="css">span {
  display: -moz-inline-box;
  width: 50px;
}</code>

Il est important de noter que cette propriété se comporte légèrement différemment de inline-block et peut ne pas toujours s'afficher comme prévu. Ces informations sont fournies pour vous aider à trouver une solution compatible avec tous les navigateurs.

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!