html - display:inline-block を持つ div 要素の中心位置を設定する

Question

指定された幅を持つ html ブロック要素の左右のマージンを auto 値に設定すると、要素の位置が中央になります。しかし、ラッパーにコンテンツに応じて自動サイズを設定したい場合は、を設定しましdisplay : inline-blockたが、中央の位置が機能しません...

私は何をすべきか？ありがとうございます。

score 1 · Accepted Answer

ラッパーを使用したくない場合は、これを試すことができます。

<div class="box">test</div>

そしてCSS：

.box {
    display: table;
    border: 1px solid blue;
    margin: 0 auto;
}

display: table特定の幅なしで使用すると、ボックスがコンテンツに合わせて縮小されます。その後、を使用して中央に配置できますmargin: 0 auto。

2 に答える 2