0

上部のナビゲーションバーには、上部にwidth: 100% height: 50px固定された位置が含まれています。

ただし、内部のULタグは、常に左側に配置され続けます。中央に配置する必要があります。

二次divを作成してmargin: 0 auto与える、
UL を与えるmargin: 0 auto、作成left %30などright %30、さまざまなことを試しましたfloat: center

私は何かが足りないのですか?中央に配置できないのはなぜですか?

4

5 に答える 5

0

ulで試したのと同じように、ulをラップし、そのマージンを「0pxauto」に設定するdivが必要になります。

<div style="width:600px; margin:0px auto;">
     <ul>...</ul>
</div>
于 2013-01-30T13:05:54.700 に答える
0

'#navlist'でtext-align:leftをtext-align:centerに変更します

'#navlist ul'に、プロパティdisplay:inline-block;を追加します。

于 2013-01-30T13:06:20.383 に答える
0

ナビゲーションバーを中央に配置できるように、ナビゲーションバーの幅を設定する必要があります。

#menu-main-nav {
    width: 990px;
}
于 2013-01-30T13:13:01.863 に答える
0

いくつかの固定幅とフロートでそのdivを作成します。左か右。次にその中に..ULを作成し、margin:0autoのプロパティを使用します。

div {
    width:200px;
    height:auto;
    float:left;
}

ul {
    margin:0 auto;
}
于 2013-01-30T14:46:25.860 に答える
0

私はこれらのスタイルでULを中心に幸運を祈りました:

<style>
#container {text-align:center;}
#container ul {display:inline;}
#container ul li {display:inline;list-style-type:none;}
</style>

一般に、「inline-block」を認識しない古いIEブラウザー用に開発しているため、display:inline-blockを回避する必要があります。

于 2013-01-30T16:35:45.313 に答える