中文字幕一区有码视三区-日本一区二区三区精品视-亚洲毛片18禁在线看-国产欧美亚洲91在线

18038435860

如何讓圖片居中縮放超過div部分隱藏

時間:2018-11-10 23:27:14 點擊:2129 來源:易速網(wǎng)絡(luò)

1、設(shè)置好div寬度和長度,超過部分隱藏

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

 

2、設(shè)置圖片標簽屬性。按長寬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>

 

看看效果吧。