圖片裁剪居中的兩種方式（CSS和JS）

1、JS方式實現：javascript 經過Vue中圖片load方法(固然原生JS有對應的img.onload事件)，獲取到圖片的原始尺寸（img.naturalWidth, img.naturalHeight），而後判斷圖片是長圖仍是寬圖，若是是長圖，則設置圖片的寬爲100%，高度自適應；反之是寬圖，設置圖片的高爲100%，寬爲自適應。固然，若是圖片的原始尺寸小於盒子的寬高尺寸，則取圖片的原始尺

>>阅读原文<<