css让不同大小的图片适应div的大小,且不变形。

2018-06-24 02:24:14来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

做成背景图片

单个

.imgdiv {
    width: 100px;     // 你要的正方形
    height: 100px;    // 你要的正方形
    background-image: url(/your/image/path.jpg);
    background-position: center center;    // 居中
    background-size: cover;                // 填满div
    background-repeat: no-repeat;
}

多个循环时:
<div class="img"   :style="{background: `url(${item.goodsMainImage})50% 50% / cover no-repeat`}">
</div>

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:SEO优化:浅析关键词出现在网站哪些地方更有利?

下一篇:CSS布局 ——从display,position, float属性谈起