0

親 div 内に 2 つの div タグがあります。2 つの div を同じ行に中央揃えで表示したい。以下はhtmlコードです。

<div id="parent">
    <div id="addEditBtn" style="display:inline-block; vertical-align: middle; width:20px; cursor:pointer;" class="ui-state-default ui-corner-all"> <span class="ui-icon ui-icon-pencil"></span></div>

    <div id="deleteBtn" style="display:inline-block; vertical-align: middle; width:20px; cursor:pointer;" class="ui-state-default ui-corner-all"> <span class="ui-icon ui-icon-trash"></span></div>
</div>

「display:inline-block; vertical-align: middle;」で試してみました しかし、左に整列しています。親div内のdivタグを中央に配置するのを手伝ってください。

4

3 に答える 3

0

You and element の場合display: inline-block;、センタリングの目的でイメージまたはテキスト文字のように扱われます。

#parent {
    text-align: center;
}

ライブ デモをご覧ください。

于 2012-09-05T09:37:18.807 に答える
0

別のレベルのネストされた div が必要になります。

第 1 レベルはinline-blockand width:50%、第 2 レベルはdisplay:blockandwidth:20pxですmargin:0 auto。

編集 ：

ええ、text-align: center親のdivでも動作するはずです: http://jsfiddle.net/ZGeN8/、しかし、IE6/7に適応する方が簡単なので、私は私の答えを好みます

于 2012-09-05T09:37:27.507 に答える