我有一堆想在网页上显示的图像。每个图像具有可变的高度和宽度。我想连续显示它们（根据浏览器窗口的宽度换行到下一行），具有恒定的高度但固定的纵横比以防止倾斜。在没有任何插件或 JavaScript 的情况下，如何在纯 CSS3/HTML 中做到这一点？
例如，图像将显示为：
[1] [2] [3] [4]
[5] [6 ] [7 ]
[8 ] [9 ]
[10 ]
但是如果浏览器宽度增加：
[1] [2] [3] [4] [5] [6 ]
[7 ][8 ] [9 ][10 ]
每个图像都有一个固定的高度，但宽度可能会有所不同。
我见过一堆可以做到这一点的砌体插件，但是有没有办法在没有任何插件的情况下做到这一点？此外，我见过的大多数插件都从上到下垂直显示内容......我对保持从左到右的顺序很感兴趣。