html - CSSまたはHTMLでナビゲーションバーを中央に配置するには?

Question

このページのナビゲーション バーを中央に配置するのに苦労しています。

他の方法を試しnav { margin: 0 auto; }てみましたが、まだ中央に配置できません。

Answer 1

#nav ul {
    display: inline-block;
    list-style-type: none;
}

それはうまくいくはずです、私はあなたのサイトでそれをテストしました。

Answer 2

CSS を追加します。

div#nav{
  text-align: center;
}
div#nav ul{
  display: inline-block;
}

Answer 3

<ul>クラス #nav を使用したナビゲーションがある場合は、その<ul>アイテムを div コンテナー内に配置する必要があります。div コンテナの幅を 100% にします。text-align: 要素を div コンテナーの中央に設定します。次に、<ul>そのクラスに 3 つの特定の要素を設定します。位置: 相対; および表示：インラインブロック。

それはそれを中央に置くべきです。

Answer 4

それを修正する最良の方法は、コードを探したり、ナビゲーションメニューを中央に配置する方法をトリックしたりして、すべてのブラウザーと私の友人で機能する実際の解決策を見つけました;)

これが私がやった方法です：

body {
    margin: 0;
    padding: 0;
}

div maincontainer {
    margin: 0 auto;
    width: ___px;
    text-align: center;
}

ul {
    margin: 0;
    padding: 0;
}

ul li {
    margin-left: auto;
    margin-right: auto;
}

設定することを忘れないでくださいdoctype html5

Answer 5

あなたnav divは実際に正しく中央に配置されています。しかし、ul中身はそうではありません。特定ulの幅と中心も指定します。