Flexbox方向行具有可变高度的子级,但也填充了可用的垂直空间

时间:2019-01-22 22:03:51

标签: css flexbox

我有这样的html:

<main>
      <form></form>
      <form></form>
      <form></form>
</main>

和CSS文件如此

  main {
    display: flex;
    flex-wrap: wrap;
    max-width: 1350px;
  }
  main > form {
    width: 390px;
  }

导致以下结果:

enter image description here

我希望填充可用的垂直空间,因此在此示例中,“过载”应向上移动

但是每种形式似乎都尊重行中最高的高度。

我可以用flexbox实现我想要的吗?

0 个答案:

没有答案