img 顯示固定部分，超過部分隱藏，不壓縮，不變形 (實用，贊）

原文出處：https://blog.csdn.net/weixin_42861240/article/details/88657725css 不知你們在作前端頁面的時候，有沒有遇到相似這樣的問題：有一個不是正方形的圖片，多是寬度大於高度的，也多是高度大於寬度的，而你又並不想用背景圖的方式來作，要實現用img標籤來讓此圖片顯示出一個正方形的且不變形的效果。即以下圖：只顯示圖片中間部分（紅框部分） 下

>>阅读原文<<