0

<img>div 内に空白を残さずに可能な限り小さいサイズにする必要があり、水平方向と垂直方向に集中させる必要があります。画像のサイズは可変です。

よりよく理解できるように、ここに例を示します: http://jsfiddle.net/q2c9D/

詳細情報: Michael Ward が行ったdivように、背景が見えないように を埋める画像が必要です。div塗りつぶされていないことが分かりやすいように、背景を黒にしましたdiv。しかし、画像を中央に配置し、画像を埋めるときに歪むことなく可能な限り小さいサイズにする必要がありますdiv。

4

5 に答える 5

2

これが私の行き先です

widthを100% に設定し、heightプロパティを完全に削除します。これにより、画像が歪むのを防ぐことができます

img{
  width: 100%;
}

要素を中央に配置するには、このプラグインを使用します。関数を呼び出す以外に何もしません

$("img").center()
于 2013-08-01T02:50:27.820 に答える
0

私がそれを行う方法は、幅または高さを設定することですが、100％として1つだけです。

<img width="100%" src=""/>
于 2013-08-01T08:13:23.250 に答える
0

これにより、画像がページの中央に配置されます。

img{
    margin: 0 auto;
    position: relative;
    display: block;
}

画像を でラップし<div>て、ページのどこかに配置するだけです。

于 2013-08-01T02:58:35.557 に答える
0

min-width: 100%imgに追加してみてください。これが例です。画像が少し伸びるかもしれませんが、このサイズではあまり目立たないかもしれません。:)

于 2013-08-01T02:43:15.003 に答える