8

ディスプレイがインラインブロックに設定されている DIV を中央揃えにする方法を知っている人はいますか?

繰り返しが必要な背景画像があり、コンテンツに基づいて拡大する必要があるため、ディスプレイをブロックに設定できません。親divの内側にあり、幅に関してはより大きくなっています。

全体として。inline-block に設定されたディスプレイで div を中央揃えにする修正を誰かが持っていますか?

いいえ、text-align: center; margin: 0 auto; も機能しません。

jsFiddle: http://jsfiddle.net/HkvzM/

ありがとうございました！

4

5 に答える 5

17

これを使用してみてください：

margin: 0 auto;

またはtext-align: center;親に<div>...

于 2012-04-12T21:41:31.857 に答える
1

要素を中央揃えにすることはできません

display:inline

jQuery または JavaScript を使用して回避策を見つける必要がある場合があります。テキストの長さがそれほど変わらない場合に機能する、CSS を使用したおおよそのセンタリングを行うことができます。このデモのようなもの

<div id="out">
    <a class="dl">DOWNLOAD NOW DOWNLOAD NOW DOWNLOAD NOW</a>
</div>​​​

#out{
 padding:0 50px;   
}
于 2012-04-13T01:25:23.883 に答える
0

親 div の text-align:center は、単にトリックを行います。
ソース: CSS センター表示インライン ブロック?

于 2015-06-05T11:46:38.993 に答える