Javascript 如何在一个保持纵横比的矩形内容纳30幅图像

嗨，我面临一个问题，我需要在752px的矩形内修复30个图像

问题：我需要通过保持纵横比在752px的矩形内修复30个160 X 120的图像

注意：我的图像是160 X 120，我想保持纵横比

为了更好地查看，这里是codepen：

以下是我的问题：

$function{ var-imagestr=； forvar i=1；i在子项上使用flex:1使它们具有相同的宽度，然后使图像宽度为100%，这样将保持纵横比

$function{ var-imagestr=；

---

对于var i=1；我为什么要设置高度：122px，如果你想要一个752px的正方形？@CuongLeNgoc，对不起，我的意思是矩形，这很好，但是图像不可见。我们不能增加保持高度的纵横比吗？根据简单的数学，答案是否定的，直到你删除一些项目或增加父项的宽度。