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

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

做成背景图片

单个

.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>