cssリスト項目すべての解像度で同じマージン

Question

私はメニューを作ろうとしています。私のメニューはすべての解像度でページの左右にセンタリングされているように見えます。例えば;

800 width 
     ---------------------------------------- 
     | menu item1 menu item2 menu item3 | 
     |          | 
     ---------------------------------------- 

    1920 width 
     ------------------------------------------------ 
     | menu item1  menu item2  menu item3 | 
     |            | 
     ------------------------------------------------ 

私は、画面の幅のための新たなマージン値を計算し、すべてのメニュー項目のマージンを変更するjQueryの関数を作成しました。それはうまくいく。しかし、私はそれがCSSでのみこれを行うことが可能であることを学びたいですか？

また、マージン左：5％を試しましたが、画面の幅が800のように狭い場合、メニュー項目がdivに適合せず、いくつかの項目が下がります。

Answer 1

よく、このパーセンテージの問題は、定数と混合したときに非常に扱いにくくなることです。フォントサイズ/パディング/ライン高さの％値を定義することで、divにフィットさせることもできます。

一方、メニューに3つのアイテムしかない場合、項目1と3に浮動小数点：左/右を使用しやすく、画面の幅に基づいて余白を変更する方が簡単です。もちろん、これはおそらくより多くのアイテムを持つメニューでは機能しません。