如果我有一个包含多个<div><img src="example-link.jpg"/></div>的<div>，我如何使它们像这里的图库一样显示在显示器上：https://knds.art/noont
从本质上讲，我希望图像的大小与相邻图像的高度相同，并填充整个身体宽度。
需要牢记的事项：
- 我希望图像完全显示(即没有
object-fit: cover( - 调整视口大小时，我希望图像保持其纵横比
我会列出我的尝试，但我已经把头撞在墙上好几个小时了，现在我甚至记不起我尝试了什么，为此我道歉。我只尝试过使用CSS来获得所需的结果(即，许多display: flex尝试并将div包装在额外的div中(，但我想知道这是否必须使用JavaScript来完成，在这种情况下，如果该解决方案可以在React中使用，我将不胜感激。
谢谢！
编辑：图像来自随机数组，我会对具有不同图像的不同页面使用相同的代码
您可以使用引导程序类。比如col-lg-6 col-sm-4之类的。因此，您可以在W3schools.com或引导程序官方网站中获得更多关于它的文档