假如现有一个div容器，宽高固定。有n张图片，尺寸均不相同(更大不会超过容器大小)，怎么让每一张图片在这个div容器里面居中显示而不变形？        

给div设定display: flex;justify-content: center;align-items: center; 可使图片水平居中，再给图片img设定max-width: 100%;max-height: 100%;display: block;margin:0 auto; 即可达到垂直居中（切记，是给图片加，不是div，很多人容易搞错）

代码如下：