如何通过CSS使高度和宽度不同的所有图像相同？
我正在尝试创建由产品照片组成的图像墙。不幸的是，它们都具有不同的高度和宽度。如何使用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>
-
我知道这个问题已经问过很多次了，但都没有解决我的问题。我有一个滑块（与ACF pro）和我只是希望所有我的图像是相同的高度（这意味着：所有的肖像img有相同的高度（并改变他们的宽度），作为一个景观img）。 这里是我当前的代码：HTML CSS JS Slick网站给出的例子是： 在此输入图像说明
-
问题内容： 为什么下面的代码返回高度：-1，这意味着高度未知。如何获得图像的高度？ 问题答案： 使用ImageIO.read(URL)或ImageIO.read(File)代替。加载时它将阻塞，返回后将知道图像的宽度和高度。 例如 或者，MediaTracker向由异步加载的映像中添加A ，Toolkit然后等待其完全加载。
-
主要内容：1. width,2. height,3. max-width 和 max-height,4. min-width 和 min-heightCSS 尺寸属性指的就是元素的宽度和高度属性，虽然说非常简单，但却是必须掌握的技能。CSS 中提供了 width、height、max-width、min-width、max-height 和 min-height 等几个属性来设置元素的宽度和高度，这些元素使用起来非常简单，下面我们就来简单介绍一下。 1. width 通过 width 属性可以设
-
问题内容： 除了使用ImageIO.read来获取图像的高度和宽度外，还有其他方法吗？ 因为我遇到了锁定线程的问题。 此错误仅在Sun应用服务器上发生，因此我怀疑这是Sun错误。 问题答案： 这很简单方便。
-
前面我们提到HTML元素的尺寸（高或宽）是动态的，会随着内容调整。不过我们也可以为元素设定固定的尺寸大小。 blockquote{ width: 600px;} 上面的 blockquote 将始终保持600px的宽度，如果浏览器窗口小于600px，将显示一个水平滚动条。 因为我们只设置了宽度，那么这个 blockquote 的高度仍然是动态的，会自动调整来适应内容。 CSS 溢出（overflo
-
编辑：codesandbox:https://codesandbox.io/s/40xj3zv5w7上的示例，图像变得非常小，而不是400px宽和10px高。