如何让图片居中缩放超过div部分隐藏？

如何让图片居中缩放超过div部分隐藏？

1、设置好div宽度和长度，超过部分隐藏

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

 2、设置图片标签属性。按长宽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>