html - 既知の幅の要素内の未知の幅の要素をセンタリングする

Question

この問題の解決策が見つかりませんでした:

ナビゲーション バーの場合ul、特定の幅 (530px) があり、その中に数li秒あります。

s が530pxliの幅をすべて埋め、その間に等間隔を空ける必要があります。それぞれの幅がわからないので、これをハードコードすることはできませんli。

Answer 1

私は Flexbox をお勧めします - 更新された仕様はかなり新しいものであり、広範なブラウザー サポートのためにポリフィルまたはベンダー プレフィックスを使用する必要がありますが、この種のタスクが進む方向です。

これは、基本を示す簡単なフレックスボックス駆動の水平ナビゲーションを作成するための優れたチュートリアルです。

ご覧のとおり、ブラウザーのサポートはまだ完全ではありませんが、さまざまなポリフィルとテクニックを利用して、安定したものにすることができます。また、それらのリソースに関する詳細情報を見つけるために遠くまで行く必要はありません。関連する SO 投稿からの重要なリンクは、Chris Coyier のUsing Flexboxです。