css - この画像がマージンオートで中央に配置されないのはなぜですか？

Question

このページの上部にあるロゴ画像は、次のhttp://54.251.57.136/中央に配置する必要があります。

.logo-img {
    margin: 0px auto;
    display: block;
}

...しかし、そうではなく、理由がわかりません。どんな助けでも素晴らしいでしょう。

score 3 · Accepted Answer

3

フロートを外します：logo-imgから左に移動し、text-align：centerを追加します

于 2012-05-17T13:12:36.017 に答える

score 2 · Accepted Answer

divには、float：leftに設定されたクラス.logo-imgがあります。（そして、センタリングが機能するためには固定幅が必要です）

score 0 · Accepted Answer

あなたは画像ラッパーを浮かせています、あなたがあなたのcssを調整するならば、あなたはそれを中央に置くことができます：

これをあなたの.logo ^{-imgに追加してください}

text-align: center;

これを.logo ^{-imgから削除します}

float:left;

フローティング要素は通常のドキュメントフローから外れるため、margin:0 auto;適用されません。あなたはそれを削除する必要があります。
margin:0 auto;タグに.logo-img十分ではない場合は text-align:center;、画像を中央に配置できるように追加する必要があります。

score -1 · Accepted Answer

4 に答える 4