垂直/水平图像在DIV内居中图像[重复]

Question

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

1. 我有一个下面的 div
   <div id="divImageStyle" style ="float:left;>
2. 现在我在 div 中放置了一个图像，我能够成功地做到这一点。

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

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

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

我希望我能够解释我的查询。 我已经尝试过margin-left，但它也会移动水平图像，并且“垂直对齐” CSS 不起作用。 请帮助我使用 CSS 样式来实现目标。

Answer 1

怎么样？

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