Html 如何获得具有行的流体高度

如何为每行设置流体高度？由于总共有24个图标（6x4或4x6），因此根据方向，行可以是4行或6行

我能够解决4列和6列图标集，并有一个流体宽度。但是，我无法计算如何获得高度的行间距

此外，如果您认为有更好的替代方案，我也愿意接受关于如何改进代码的建议

这是我的密码：

CSS

HTML

---

你是指应用程序div之间的空间

.app {
      float: left;
      position:relative;
      text-align: center;
      width: 100%; 
      margin-bottom:50px;
      margin-top:50px;

 }

---

看看这里

你指的是应用程序div之间的空间

.app {
      float: left;
      position:relative;
      text-align: center;
      width: 100%; 
      margin-bottom:50px;
      margin-top:50px;

 }

---

看看这里

图像是64x64。我希望每个应用程序之间的垂直和水平间距相等。我能够使用width来确定宽度：calc（100%/6）；横向模式和宽度：纵向为25%。我就是不能让高度和间距相等。我改变了一些图像大小，并在@media环境下放置了我的新css。如果你能帮我调整一下高度，那就太好了。它必须是流体，因为不同的设备会导致图标的空间更大。当你旋转iPhone或Android手机时，想象一下它。应用程序的数量会发生变化，并且它们之间的间距总是被调整为相等。嗯，图像是64x64。我希望每个应用程序之间的垂直和水平间距相等。我能够使用width来确定宽度：calc（100%/6）；横向模式和宽度：纵向为25%。我就是不能让高度和间距相等。我改变了一些图像大小，并在@media环境下放置了我的新css。如果你能帮我调整一下高度，那就太好了。它必须是流体，因为不同的设备会导致图标的空间更大。当你旋转iPhone或Android手机时，想象一下它。应用程序的数量会发生变化，并且应用程序之间的间距始终会调整为相等。

.app {
      float: left;
      position:relative;
      text-align: center;
      width: 100%; 
      margin-bottom:50px;
      margin-top:50px;

 }