小编Hep*_*n3D的帖子

我找不到一个没有固定图像尺寸的答案所以我会问它.

我有一个带有图像的div,该图片可以是任意大小.我需要它来自动缩放和自动对齐.我可以很好地扩展它,但垂直对齐它是一个挑战.我需要将它垂直对齐.

HTML + CSS

<div id="myDiv">
 <img src="./img/example.png"></img>
</div>


#myDiv {
 position: absolute;
 height: 100%;
 width: 100%;
 top: 0%;
 left: 0%;
 text-align: center;
}

#myDiv img {
 height: auto;
 width: auto;
 max-height: 70%;
 max-width: 70%
}