将容器尺寸调整为最小的物品高度+最大宽度

Question

包含图像的容器，其数量可以变化

<div class="container">
    <img src="https://unsplash.it/500/400">
    <img src="https://unsplash.it/400/500">
    <img src="https://unsplash.it/500/500">
</div>

这些图像的高度不同。我要调整它们的大小，以使它们都具有相同的高度，并且它们是可以提供的最大宽度。

我感觉答案涉及弹性框和object-fit:，但我无法将其拼凑在一起。

一个包含图像的容器，其数量可以变化

＆...

Answer 1

类似的方法将起作用，并且我添加了注释以解释逻辑。