css - ulをdiv内の中央に配置することはできません。多くのことを試しました

Question

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

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

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

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

score 0 · Accepted Answer

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

<div style="width:600px; margin:0px auto;">
     <ul>...</ul>
</div>

score 0 · Accepted Answer

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

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

score 0 · Accepted Answer

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

#menu-main-nav {
    width: 990px;
}

score 0 · Accepted Answer

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

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

ul {
    margin:0 auto;
}

score 0 · Accepted Answer

私はこれらのスタイルで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を回避する必要があります。

5 に答える 5