图片完全垂直剧中展示？宽高不确定。

Question

目前是要实现类似微博缩略图的功能，宽高比例不一致，现在要完全展示中间部分的图片。不用背景图，该如何实现？过宽的图，拉伸高度，过高的图，拉伸宽度。

Answer 1

给你一个思路，不知道get没get你的意思首先用js对图片宽高进行缩放，这个比较容易。然后用很多种方式可以水平垂直居中；margin-left: 50%;margin-top: 50%;transform: translate(-50%, -50%)或者在 flex 内部margin：auto