css - ナビゲーションメニューの間隔

Question

次のメインナビゲーションメニューに小さなスペースがあります。

これを引き起こしているcssが見つからないようです。

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

前もって感謝します、

マット

score 0 · Accepted Answer

<a>問題は、要素内の各アンカータグの<li>両側に境界線があることです...

これを解決するには、ここに追加border-right-widthします。

.main-navigation li a {
    border-right-width: 1px solid #F9B233;
}

上記のセレクターで次のプロパティを削除します。

 border-width: 1px solid #F9B233;

最後の要素の右側の境界線を削除するには、次のようにします。

.main-navigation li:last-child a
{
    border-right-width: 0;
}

score 0 · Accepted Answer

リスト要素をインラインブロックに設定して以来。テキストであるかのように、各要素の間にスペースを作成しています（単語の間にはスペースが必要です。考えてみれば理にかなっています）。

.nav-menu {
  font-size: 0;
}

子の font-size を必ずリセットしてください。そうしないと、このサイズを継承して判読できなくなります。

score 0 · Accepted Answer

あなたが話している空間は見えませんが、似たようなことが以前私に起こりました。

重要なのは、次の CSS コードです。

box-sizing: border-box; /* needs prefixes for webkit/moz */

コンテナ div にこの css プロパティを含めてみてください。

お役に立てれば！

css - ナビゲーション メニューの間隔