Html 如何使同一行中的所有图像根据父div进行缩放？

我试图在每个flex div中有多个包含各种图像的行

无论父div的宽度是多少，图像都应该始终在同一行中。这里我设置了最大宽度：350px，图像应该相应地调整其宽度，使其适合（在其比率中）。如果有5个图像，则每个图像的宽度应为20%。如果有10个图像，则每个图像的宽度应为10%，以此类推

我知道我可以设置图像的宽度，但我想跳过每个div的手工操作，因为会有很多变化

.flex{
显示器：flex；
最大宽度：350px；
}
img{
保证金：1px；
弹性：1；
}

---

您需要将图像放在一个div中，否则flex将无法调整它们的大小

.flex{
显示器：flex；
宽度：100%；
最大宽度：350px；
}
.img支架{
保证金：1px；
}
img{
显示：块；
宽度：100%；
}

---

图像的最小宽度：0