div里面一个img标签，按最大边缩放的不变形、不超出、上下左右居中的解决办法

div里面一个img标签的不变形、不超出、上下左右居中的解决办法

这段时间做一个比较简单的小项目，当中有一个图片展示的页面，当我把数据图片展示到前端的时候，发现前端小姐姐写的css样式有点小小的问题，就是我从后台返回到前端的图片，有的长，有的宽，大小不一，这里列举两张图片，一张长，一张宽：

原本的样式就是无解皮皮虾固定长宽，就导致图片成了这样：

很明显，变形了。

因此，首先让它不变形，
代码（这样就可以同时满足长和宽都不超出边框）：

div{
	width：650px；
	height：500px
}
img{
	max-width: 100%;
	max-height: 100%;
}

ok，然后就变成了这样：

很明显，上下没有居中，有人说，可以给im