css - UL LI ナビゲーション メニュー、余分な間隔?

Question

私のサイトの最初のナビゲーションメニューで間隔が均一でない理由を一生理解できません。

http://www.eurreporter.co/

幅を正しく設定しましたが、「市民ジャーナリズム」と「フォト ジャーナリズム」の両方で、両側に余分なパディングがあるように見えます。

誰でも助けることができますか？

Answer 1

を使用しdisplay: table-cell; width: auto;ています。これにより、それぞれ<li>の使用幅がそのコンテンツに対して相対的になります。

使用する

#main-navbar ul li a { 
    width: 159px !important;
}

それらをすべて同じ幅にするため。

Answer 2

実際、<table>や タグ内のセルを として表示するtable-cell;には、 : のような小さな値を与えるだけで済みますwidth:1%;。各「セル」を均等に伸ばして、親の幅全体を埋める<table>か、 として表示しtableます。

http://codepen.io/anon/pen/FegoG (ウィンドウの幅を変更して、何が起こるかを確認します。必要なセルのルール値をコピー/貼り付けできます:))