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

  • Z时代
  • 2024-01-10
  • 分类：问答

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

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

我该怎么做？

回答：

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

以上是 如何通过CSS使高度和宽度不同的所有图像相同？ 的全部内容， 来源链接： utcz.com/qa/420499.html

回到顶部