パディングやタグを変更せずに、順序なしリスト内のスパンで固定幅を実現するにはどうすればよいですか?

順序なしリスト内のスパンで固定幅を実現する

順序なしリストを操作する場合、固定幅の後にテキストを揃えることが望ましい場合があります。 -幅スパン。ただし、パディングの変更やタグの追加/変更は許可されません。次のソリューションは、これらの制限に違反することなくこの目標を達成する手段を提供します:

CSS の使用

理想的なアプローチは、次の CSS を使用することです:

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

この解決策は、Firefox 2 以前を除くすべてのブラウザで有効です。これらのレガシー ブラウザの場合は、代わりに -moz-inline-box 値を使用することを検討してください。ただし、インラインブロックとは動作が異なり、特定のシナリオでは予期しない結果が生じる可能性があることに注意してください。

以上がパディングやタグを変更せずに、順序なしリスト内のスパンで固定幅を実現するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。