自動マージンが画像をページの中央に配置しない

この例の画像がセンタリングされていません。どうして？私のブラウザーはWindows 7のGoogle Chrome v10で、IEではありません。

<img src="/img/logo.png" style="margin:0px auto;"/>

追加するdisplay:block;と動作します。画像はデフォルトでインラインです

明確にするために、block要素のデフォルトの幅はですauto。これはもちろん、要素を含む要素の使用可能な幅全体を埋めます。

マージンを設定することによりauto、ブラウザの割り当て半分に残りのスペース、margin-leftおよびその他の半分にmargin-right。

いくつかの状況下で継承（例えばIE、ヤモリ、Webkitの以前のバージョンのように）を有する要素がposition:relative;防止されるmargin:0 auto;場合であっても、作業からtop、right、bottom、及びがleft設定されていません。

要素をposition:static;（デフォルト）に設定すると、このような状況で要素が修正される場合があります。通常、指定された幅のブロックレベル要素は、またはのmargin:0 auto;どちらrelativeかを使用して尊重しますstatic。

あなたは自動幅divを中央に置くことができます display:table;

div{
margin: 0px auto;
float: none;
display: table;
}

私の場合、問題は幅自体なしで最小幅と最大幅を設定したことでした。

widthとaddを追加しない場合は常に、機能しないmargin:autoと思います。私の経験からです。幅は、等しいマージンを提供する必要がある場所を正確に示します。

これを使用する方法の代わりに、margin-left:auto; margin-right: auto;またはこれmargin:0 auto;を使用するposition:absolute;方法があります：
要素の左側の位置を50％（left:50%;）に設定しますが、要素を正しく中央に配置しないため、要素を正しく中央に配置するには、幅のマイナス半分のマージン。要素を完全に中央に配置します

ここに例があります：http : //jsfiddle.net/35ERq/3/

ブートストラップボタンの場合：

display: table; 
margin: 0 auto;

これを本文のcssに入れます：background：＃3D668F; 次に追加：表示：ブロック; マージン：自動; imgのCSSに。