1

ブロックメニューを中央に配置したいのですが、巨大なスペースなしで隣同士に配置したいです。全体をフロートさせ、左マージンと右マージンを自動に設定しようとしました。しかし、ウェブを検索した後、浮いているものを中央に配置することはできないことがわかりました。

次に、ブロックをインラインブロックに設定して、フロート要素を取り除こうとしました。そして再びマージンを自動に設定します。現在、これも機能していないようです。text-align を中央に設定できることをどこかで読みました。これはテキストをブロックの中央に配置していますが、ブロック自体が中央に配置されていません。

現時点でのCSSのメニューコード全体：

a.menyStil
{
display: inline-block; 
width:150px; 
height:25px;
margin-right:auto;
margin-left:auto;
background:#dca; border:1px solid #000;
text-align:center; 
text-decoration:none; font-family:verdana, arial, sans-serif; font-size:12px; color:#000;
line-height:25px; 
overflow:hidden;
}

a.menyStil:hover {background:#764;}
a.menyStil:active {background:#c00;}

および関連する HTML コード:

<p> <a class="menyStil" href="Hjem.html"> Hjem</a>
<a class="menyStil" href="Kontakt.html"> Kontakt oss</a>
<a class="menyStil" href="om_oss.html"> om osst</a>
<a class="menyStil" href="testing.html"> Testing</a></p>

私は本当に助けていただければ幸いです:)

4

2 に答える 2

2

これをcssコードに追加します

p{
 width: 650px;
margin: auto;
}

デモ：フィドル

にマージン自動を追加する必要がありますp。含まれているためa。だからその中心に来る。
これがお役に立てば幸いです。

于 2012-10-12T10:05:38.333 に答える