-2

UL を div 内の中央に配置する方法については、多くのチュートリアルがあることを知っています。私はそれらの多くを試しましたが、それを機能させることはできません。私は何かが欠けていると思います。誰かがそれを見てくれたら、私は感謝します。

サイトは http://elvina-marin.se/ で、どうにかしてメインメニューを中央に配置したいと思っています。

乾杯。

4

2 に答える 2

1

liが に浮いているため、メニューが中央に配置されていませんleft

ここで行う必要があるのは、表示を から に切り替えてblockinline-block取り除くことfloatです。これにより、それらはテキストとして動作し、コンテナー ( .gf-menu) で指定された配置に従います。

.gf-menu {
    width:100%;
    text-align:center;
}
.gf-menu > li {
    float:none;
    display:inline-block;
    *display:inline; /* teaching ie7 and below to behave */
    zoom:1;
}
于 2013-06-05T05:57:12.520 に答える
1

html: で ul に 2 つのクラスを設定<ul class="gf-menu l1 " >し、最後に空白スペースを 1 つ残しました。単語間にスペースを入れると、より多くのクラスがタグに設定されます。

クラスとセットのいずれかを使用して、CSS で ul を呼び出してみてください。margin-left: 50%;

元。:

.gf-menu
       {
      margin-left: 50%;
       }
于 2013-06-05T06:00:37.913 に答える