css图片位置

在一个固定宽高的盒子中，要放置一张宽高比不定的图片（比如说后台上传的图片），这时候图片应该如何设置样式呢？

object-fit

fill//不保持纵横比缩放图片，使图片完全适应,图片可能会变形
contain//（保持纵横比缩放图片，使图片的长边能完全显示出来）
cover//（保持纵横比缩放图片，只保证图片的短边能完全显示出来）
none//（保持图片宽高不变）
scale-down//（当图片实际宽高小于所设置的图片宽高时，显示效果与none一致；否则，显示效果与contain一致）

这里重点介绍下none；

但我们在一个400*200的盒子加一张700*200的图片或者400*300的图片时，我们希望图片居中显示，两边多余的剪切掉（在网页自适应中经常用到），我们该怎么做呢？

img{
width:100%
height:100%
object-fit:none;
}

https://www.jianshu.com/p/a2ce70fa9584