图片裁剪居中的两种方式（CSS和JS）

1、JS方式实现：javascript 经过Vue中图片load方法(固然原生JS有对应的img.onload事件)，获取到图片的原始尺寸（img.naturalWidth, img.naturalHeight），而后判断图片是长图仍是宽图，若是是长图，则设置图片的宽为100%，高度自适应；反之是宽图，设置图片的高为100%，宽为自适应。固然，若是图片的原始尺寸小于盒子的宽高尺寸，则取图片的原始尺

>>阅读原文<<