1

ボタンの幅に関係なく、ボタンを赤い領域の中央に配置する方法を誰かが説明できますか?

ここに私のデモがあります: http://jsfiddle.net/v3X2k/

そして、ここに私のコードがあります:

<div style="width:660px;height:40px;display;block;background:red">

    <div id="wrapper3" style="margin:0 auto;width:160px">

        <button>Test</button>
        <button>Test 2</button>

    </div>

</div>

<hr />

<div style="width:660px;height:40px;display;block;background:red">

    <div id="wrapper3" style="margin:0 auto;width:160px">

        <button>Test Test Test Test Test Test</button>
        <button>Test 2</button>

    </div>

</div>

2 番目の例でわかるように、2 番目のボタンは下にドロップしますが、実際には上のボタンのようにインラインのままにしたいのです。

ステートメントを削除してよかったのですwidth:160pxが、これらのボタンを中央に配置する必要があるだけです。

何か案は？

どうもありがとう ：）

4

3 に答える 3

3

固定幅とマージン auto のラッパー div を使用する必要はありません...text-align: center;コンテナー divで使用するだけです

デモ

于 2013-04-15T16:03:00.043 に答える
1 
text-align: center;

ボタンはインライン要素なので、これは機能します。

jsフィドル

于 2013-04-15T16:03:32.750 に答える
0

一部の人々はそれを悪い習慣と呼んでおり、注意する必要があると思いますが、次のものを使用できます。
<center></center>

（隅に隠れる）私の提案に反対票を投じないでください。

于 2013-04-16T08:57:54.903 に答える