0

CSSでメニューを作ろうとしているのですが、実際の配置に問題があります。

今のところ、何を試しても常に画面の左側にあり、引き伸ばされていません。中央に配置して、画面の 100% まで拡大したいと考えています。width パラメーター、margins、text-align を変更しようとしましたが、常に希望とは異なるものを取得するか、まったく機能しませんでした。

メニューはここで見ることができます: http://jsfiddle.net/98tW6/10/

私が言ったように、私が望むのは、それをページの中央上部に配置し、おそらく引き伸ばして、中央のボタンで背景画像が上部の画面全体に繰り返されるようにすることだけです.

重要な行は、コードのこの部分にあると思います。

div#menu

しかし、よくわかりません

4

1 に答える 1

1

float を削除し、これを に追加します<ul>

width:100%;
text-align:center;

<li>次に、アイテムからフロートを削除してinline-block要素にします。これは、親inline-blockの に応答し、text-align:center中央に配置されるためです。

display: inline-block;

フィドル:

http://jsfiddle.net/98tW6/17/

于 2013-08-13T12:40:10.430 に答える