1

だから私は学校の課題のためにレスポンシブデザインを作成していて、画像の幅を中央に配置しようとしています。

Photoshopで画像を拡大縮小したので、画像の幅や高さを設定する必要はありません。

これは私が今得たものですが、これは機能しません

<header> <img src="afb%20/logo3.png" alt="logo3" width="" height="" /> </header>

header{ width: 100%; margin-left: auto; margin-right: auto; }

誰かが私を助けることができますか?本当にこれが必要です!

前もって感謝します

4

3 に答える 3

3

text-align: centerヘッダーCSSに設定するだけです。

現在、ヘッダーの幅を100%にしているため、マージンは適用されません。さらに、コンテナの幅は100%で、テキストの配置がないため、imgは常に左側に配置されます。

ここ:

header { width: 100%; text-align: center; }​

http://jsfiddle.net/xMPZ4/

于 2012-06-06T22:46:39.203 に答える
3
.center{margin: 0px auto; display: block;}

<header><img src="updates_button.jpg" alt="logo3" class="center"></header>
于 2012-06-06T23:04:39.560 に答える
0

画像にロゴクラスを追加し、CSSを次margin:0px auto; width:200px;のように設定できます:もちろん画像の幅を置き換えます...

于 2014-02-01T06:45:17.630 に答える