如何通过CSS使高度和宽度不同的所有图像相同？

一尘不染

如何通过CSS使高度和宽度不同的所有图像相同？

html

我正在尝试创建由产品照片组成的图像墙。不幸的是，它们都具有不同的高度和宽度。如何使用CSS使所有图像看起来都一样大小？最好是100 x 100。

我正在考虑做一个高度和宽度为100px的div，然后再进行一些填充。不知道该怎么做。

我该怎么做？

阅读 584

2020-05-10

共1个答案

一尘不染

.img {

    float:  left;

    width:  100px;

    height: 100px;

    background-size: cover;

}


<div class="img" style="background-image:url('http://i.imgur.com/tI5jq2c.jpg');"></div>

<div class="img" style="background-image:url('http://i.imgur.com/37w80TG.jpg');"></div>

<div class="img" style="background-image:url('http://i.imgur.com/B1MCOtx.jpg');"></div>

2020-05-10