如何讓圖片居中縮放超過(guò)div部分隱藏？

1、設(shè)置好div寬度和長(zhǎng)度，超過(guò)部分隱藏

.pic{width:256px;height:140px;overflow:hidden;margin-right:18px;}

 2、設(shè)置圖片標(biāo)簽屬性。按長(zhǎng)寬100%縮放

.soimg{margin:0;padding:0;width:100%;height: 100%;object-fit: cover;//重要}

 3、html前端模板代碼。

<div class="pic fl">

<a href="" title=""><img class="soimg" src="images/2022041801.jpg" width="256" height="140"></a>

</div>