メニューを正しく中央に揃える方法

-1

メニューをこのページの中央に正しく配置するにはどうすればいいですか？http://bit.ly/An65z5？今時間以上のため放火犯で突っついされ、:)メニューを正しく中央に揃える方法

2012-02-27 Alex

＃top-menuからfloat：leftプロパティを削除し、余白を設定します。0 auto;幅を追加します。また、ナビゲーションが中央に配置されていれば、必要でないので、＃トップメニューの左側にあるパディングを削除することもできます。だから、次のようになります。

#top-menu { 
    width: 300px; /* 300px will need to change to the actual width of your nav element */ 
    margin: 0 auto; 
    padding-top: 10px; 
}

出典

2012-02-27 18:21:39 ItsMIllerTime65

美しい、魅力的なように働いた！ – Alex

私は助けてくれると嬉しいです！ – ItsMIllerTime65

私はPranav Kapoorと思うので、もしあなたがとても親切であればupvoteに値するかもしれません;） – ItsMIllerTime65

を助けてください、このリンクを見てください：あなたのstyle.cssでhttp://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support

出典

2012-02-27 18:11:58

、最後に追記に次のコード行を追加します。

#top-menu { 
    float: none; 
    padding-left: 0; 
    padding-top: 10px; 
    width: 271px; 
    margin: 0 auto; 
}

出典

2012-02-27 18:13:58

私はItsMIllerTime65のクリーナーバージョンが好きですが、これもうまくいくでしょう:) – Alex

ええ、クールです。あなたはコードを置き換えたくないと思っていましたが、CSSの最後にそれを追加してスタイルを上書きしました。とにかく、仕事は、おめでとう:) –

は、この例を見てみましょう：http://jsfiddle.net/ialphan/EF9dK/

出典

2012-02-27 18:25:41 ialphan

その子要素のための中心ブロックとdisplay: table-cellためdisplay: tableを使用して、コンテナの幅を制限する有害な必要性を避けるために。

出典

2012-02-27 18:52:38

メニューを正しく中央に揃える方法

答えて

関連する問題