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

Question

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

Answer 1

给你一个思路，不知道get没get你的意思

首先用js对图片宽高进行缩放，这个比较容易。

然后用很多种方式可以水平垂直居中；

margin-left: 50%;
margin-top: 50%;
transform: translate(-50%, -50%)

或者在 flex 内部

margin：auto