上部のナビゲーションバーには、上部にwidth: 100% height: 50px
固定された位置が含まれています。
ただし、内部のULタグは、常に左側に配置され続けます。中央に配置する必要があります。
二次divを作成してmargin: 0 auto
与える、
UL を与えるmargin: 0 auto
、作成left %30
などright %30
、さまざまなことを試しましたfloat: center
。
私は何かが足りないのですか?中央に配置できないのはなぜですか?
上部のナビゲーションバーには、上部にwidth: 100% height: 50px
固定された位置が含まれています。
ただし、内部のULタグは、常に左側に配置され続けます。中央に配置する必要があります。
二次divを作成してmargin: 0 auto
与える、
UL を与えるmargin: 0 auto
、作成left %30
などright %30
、さまざまなことを試しましたfloat: center
。
私は何かが足りないのですか?中央に配置できないのはなぜですか?
ulで試したのと同じように、ulをラップし、そのマージンを「0pxauto」に設定するdivが必要になります。
<div style="width:600px; margin:0px auto;">
<ul>...</ul>
</div>
'#navlist'でtext-align:leftをtext-align:centerに変更します
'#navlist ul'に、プロパティdisplay:inline-block;を追加します。
ナビゲーションバーを中央に配置できるように、ナビゲーションバーの幅を設定する必要があります。
#menu-main-nav {
width: 990px;
}
いくつかの固定幅とフロートでそのdivを作成します。左か右。次にその中に..ULを作成し、margin:0autoのプロパティを使用します。
div {
width:200px;
height:auto;
float:left;
}
ul {
margin:0 auto;
}
私はこれらのスタイルで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を回避する必要があります。