我如何对齐两个不同高度的 <img> 以使每个高度之间的间距相等？
How would I align two <img> of different heights such that there is equal spacing between each one?
我正在尝试仅使用 html/css 为学校作业设置照片库，我如何才能使两张不同 heights/widths 的照片自动排列成这样其中一张照片下方没有空白 space。
即。如果使用行，那么在行的底部和照片中只有一个之间没有 space？
首先，如果你能把图片的宽度设置成相同的宽度，然后把高度设置为自动，那就更简单了。
然后，你可以这样做：https://codepen.io/nikitaagarwal/pen/gpRPWO?editors=1100
它使用：
column-count: 4;
column-gap: 1em;
创建等宽的页面列。
如果您需要使它们具有不同的宽度，我认为每列只设置一个宽度会更容易。
旁白：
我通常为此使用 Masonry 库，但它包含 JavaScript，因此您可能无法使用。
https://masonry.desandro.com/
我正在尝试仅使用 html/css 为学校作业设置照片库，我如何才能使两张不同 heights/widths 的照片自动排列成这样其中一张照片下方没有空白 space。
即。如果使用行，那么在行的底部和照片中只有一个之间没有 space？
首先，如果你能把图片的宽度设置成相同的宽度，然后把高度设置为自动，那就更简单了。
然后，你可以这样做：https://codepen.io/nikitaagarwal/pen/gpRPWO?editors=1100
它使用：
column-count: 4;
column-gap: 1em;
创建等宽的页面列。
如果您需要使它们具有不同的宽度，我认为每列只设置一个宽度会更容易。
旁白： 我通常为此使用 Masonry 库，但它包含 JavaScript，因此您可能无法使用。 https://masonry.desandro.com/