15

最も単純なコードを機能させるのに大きな問題があります。CSSの水平リストを中央に配置したい、それだけです。

リンクはこちら: http://bit.ly/LtIBai

私はこのコードを持っています:

#megaMenu.megaMenuHorizontal ul.megaMenu {
text-align: center;
 }

#megaMenu.megaMenuHorizontal ul.megaMenu > li {
display: inline;
}

それでも中心にならない？

注: 参照しているコードを表示するには、ウィンドウを「タブレットの縦長」サイズにする必要があります。ロゴが中央に配置され、メニューが次の行にある場合、幅は約 800px ですが、モバイル メニューが表示される前です。

4

1 に答える 1

32

彼らが中央に配置することを拒否する理由は、彼らも左に浮いているからです。に変更dislay: inlineするdisplay: inline-block; float: noneと、中央に表示されます。

編集：そこには多くの（ほとんど不要な）CSSコードがあるので、正しく見えるようになる前に他のいくつかの調整が必要になるでしょうが、少なくともフローティングが非センタリングの原因です。

于 2012-07-03T03:52:55.363 に答える