• 18038435860

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

    時間:2018-11-10 23:27:14 點擊:1443 來源:易速網絡

    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>

     

    看看效果吧。

    884HUTV四虎永久 <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>