在DIV中居中图像用于垂直/水平图像

Question

作为一个好奇的HTML学习者，我想实现以下内容： -

1. 我有一个以下的div   <div id="divImageStyle" style ="float:left;>
2. 现在我在div中放置了一个我能够成功完成的图像。

但现在我想实现以下目标： -

如果图像是垂直的，那么它应该放置/开始于div的中心。： -



如果图像是水平的，那么它应该占整个div的区域。



我希望我能够解释我的疑问。 我尝试过margin-left但它也会移动水平图像，而“vertical-align”CSS也无法工作。 请帮我用CSS风格来实现目标。

Answer 1

那怎么样？

div img{
display:block;
margin:0 auto;
max-width:100%;}