1

float：leftに設定した一連のdivがあり、それらをすべて互いに一列に並べたいが、中央に配置したいのですが、これが現在のdivです。

HTML

<div style="display: inline; text-align:center;">
    <div id="generalmenu">
        test
    </div>
    <div id="generalmenu">
        test
    </div>
    <div id="generalmenu">
        test
    </div>
</div>

CSS

#phonicmenu { 
    background: white; 
}
#generalmenu { 
    background: white; 
    width:270; 
    padding: 25px; 
    float:left; 
    margin-left: auto; 
    margin-right: auto; 
}

これらのメニューを中央に配置する方法について何かアイデアはありますか？

編集：問題をより明確に確認できるように、本文にJSフィドルを追加しました。 http://jsfiddle.net/aYWwM/

4

1 に答える 1

3

問題は、divそれらが意図されていない目的でsを使用していることでもあります。divはブロック要素です。インライン要素として表示したいので、spanまたは順序付けされていないリストを使用する必要があります。

必要なことを行うには、ラッピングdivを作成し、それmargin-leftをにmargin-right設定しautoます。ラッパーには、必要なもののインライン要素が含まれている必要があります...このjsFiddleを参照してください

于 2012-10-13T20:18:47.767 に答える