UL を div 内の中央に配置する方法については、多くのチュートリアルがあることを知っています。私はそれらの多くを試しましたが、それを機能させることはできません。私は何かが欠けていると思います。誰かがそれを見てくれたら、私は感謝します。
サイトは http://elvina-marin.se/ で、どうにかしてメインメニューを中央に配置したいと思っています。
乾杯。
UL を div 内の中央に配置する方法については、多くのチュートリアルがあることを知っています。私はそれらの多くを試しましたが、それを機能させることはできません。私は何かが欠けていると思います。誰かがそれを見てくれたら、私は感謝します。
サイトは http://elvina-marin.se/ で、どうにかしてメインメニューを中央に配置したいと思っています。
乾杯。
li
が に浮いているため、メニューが中央に配置されていませんleft
。
ここで行う必要があるのは、表示を から に切り替えてblock
をinline-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;
}
html: で ul に 2 つのクラスを設定<ul class="gf-menu l1 " >
し、最後に空白スペースを 1 つ残しました。単語間にスペースを入れると、より多くのクラスがタグに設定されます。
クラスとセットのいずれかを使用して、CSS で ul を呼び出してみてください。margin-left: 50%;
元。:
.gf-menu
{
margin-left: 50%;
}