古いブラウザとの互換性を維持しながら、CSS で固定幅のスパン要素をスタイル設定する方法

CSS での固定幅のスパン要素のスタイル設定:

次のシナリオを考えてみましょう。次のシナリオを考えてみましょう。整列しました。ただし、パディングを追加したり、タグを変更したりすることはできません。

これを実現するには、CSS で次のスタイルを使用するのが理想的な解決策です。

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

ただし、これはこの解決策には注意点があります。Firefox 2 以前のバージョンではサポートされていません。

Firefox 2 以下のフォールバック:

これらの古いブラウザの場合、回避策は次のとおりです。 -moz-inline-box プロパティ:

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

このプロパティは inline-block とは若干異なる動作をし、常に期待どおりにレンダリングされるわけではないことに注意することが重要です。この情報は、すべてのブラウザと互換性のあるソリューションを見つけるのに役立つように提供されています。

以上が古いブラウザとの互換性を維持しながら、CSS で固定幅のスパン要素をスタイル設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。