0

私はこの質問が尋ねられたと確信しており、通常は margin: 0 auto; でこれを達成できます。または何か他のものですが、このサイト: otgtires.com で、ナビゲーションバーを親要素内の中央に配置できないようです。ここにコードを貼り付けますが、ブラウザで開発ツールを使用する方が簡単だと思います。何が足りないか教えてください！

編集：すでに中央にあるように見える場合はズームアウトします。

そのため、サイトのブラウザーを拡大すると、他のすべての要素が互いに相対的な位置を維持していることがわかりますが、ナビゲーション バーは左側に維持されています。ユーザーウィンドウがどれだけズームイン/ズームアウトしても、ナビゲーションバーがページの中央に表示されるようにします。

4

3 に答える 3

2

現在パーセンテージベースの幅を使用しているため、「中央揃え」ではありません。代わりに固定幅を試してください:

#top_navigation {
    width: 500px;
    margin: 0 auto;
    }

編集：

また、ナビゲーション要素がインラインであり、ブラウザーの幅が短くなると以下のコンテンツが混同される傾向があるため、次の clear-fix の使用を検討してください。

#top_navigation {
    overflow: hidden;
    }

上記のコードが挿入されたサイトのスクリーンショットは、水平方向のセンタリングを示しています。

ここに画像の説明を入力

于 2012-05-28T18:54:19.897 に答える
1 
#top_navigation {
width: 1125px;
margin: 0 auto 0 auto;
}
于 2012-05-28T19:12:05.130 に答える
0

@gmeben is correct it's because your 

#top_navigation { width: 100% }

I quickly changed it to

#top_navigation { width: 1125px; margin: 0 auto; }

and it was centered.

于 2012-05-28T19:06:58.047 に答える