18038435860

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

时间:2018-11-10 来源:东莞网站建设 点击:1164

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="{$=htmlEncode($createURL('detail', '{$id}'))}" title="{$topic}"><img class="soimg" src="/news/{$=transfer('method=json;limit=1;tpl=global.news:index.test', $GLOBALS['RS_att'])}" width="256" height="140"></a>
</div>

 

看看效果吧。