0

CSSを利用したHorizo​​ntalMenuNav内のすべてのアイテムに同じサイズ(幅)を割り当てようとしています。リンクされた例からわかるように、「li」サイズは内部の文字列の長さに基づいてレンダリングされます。今私の質問は、アイテムの修正サイズをどのように設定できるかです(たとえば、すべての場合80px)?次の例をご覧ください:http: //jsfiddle.net/Behseini/hBDv9/

また、メニューバーをbox(div)の中央に配置する方法も知りたいです。

お時間を割いてコメントありがとうございます

4

3 に答える 3

2

「a」要素の幅を設定します。

http://jsfiddle.net/hBDv9/2/

必要に応じて、「a」を中心にテキストを適用することもできます。

于 2012-05-10T23:09:51.667 に答える
1

に追加width: 80px;します。#nav li a#nav li a:hover

于 2012-05-10T23:09:06.750 に答える
1

li要素を使用する必要があるのと同じサイズにするには:

#nav li {
  display:inline-block;
  width:80px;
}

ある要素を別の要素の中央に配置するには:

div.wrapper { width:100%;}
div.wrapper .centered {
  display:inline-block;
  width:80%; // or whatever you want it to be
  margin: 0 auto;
}

これは役に立ちますか?

于 2012-05-10T23:10:37.600 に答える