javascript - 縦横両方から画像を中央揃え

Question

CSS を使用して、水平方向と垂直方向の両方で画像の中心を揃えるには助けが必要です。

コンテナーが本体で使用可能な唯一の要素である以下のコードを検討してください。左、右、上、下から内側の画像をコンテナの中央に配置したい。

<body>
<div class="container">
 <img name="img.png" width="100" height="100" />
</div>enter code here
</body>

score 2 · Accepted Answer

幅をパーセンテージで設定する必要があります：

<div id="responsive-img">
<img src="yourimage.jpg">
</div>

#responsive-img {
    width:50%;
}

#responsive-img img {
    max-width:100%;
}

高さは自動で調整されます。このデモを確認して、ウィンドウのサイズを変更してください。

それもクロスブラウザです;-)

1 に答える 1