0

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

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

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

4

4 に答える 4

3

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

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

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

于 2012-05-17T13:09:22.953 に答える
0

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

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

text-align: center;

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

float:left;

あなたは何を知る必要がありますか:

  • フローティング要素は通常のドキュメントフローから外れるため、margin:0 auto;適用されません。あなたはそれを削除する必要があります。
  • margin:0 auto;タグに.logo-img十分ではない場合は text-align:center;、画像を中央に配置できるように追加する必要があります。
于 2012-05-17T13:15:18.070 に答える
-1
  1. あなたのlogo-imgクラスにはfloatがあります:左
  2. マージンを使用して自動的に中央に配置する場合は、divで幅を宣言する必要があります:auto。この場合の幅:572px
于 2012-05-17T13:12:02.133 に答える