子div之间的弹性布局和间距

时间:2019-06-17 10:06:42

标签: html css flexbox

我有一个带display:flex的父div和多个子div,如下所示。同样,flex-wrap包裹在容器上。

div1 div2 div3 div4
div5 div6 div7

我的问题是如何确保div的两行之间的间距,即顶部和底部div(因此在这种情况下,在div1 / div5或div2 / div6或div3 / div7之间)

此外,这实际上是完全动态的,即,如果还有更多水平空间可用,我的div5可能会在第一行本身上呈现。

只需添加一下,当前我在所有子div上都定义了一个边距顶部。但是,这也会在div1 / div2 / div3 / div4上提供margin-top 我真正想要的只是div上的margin-top,它是从第二行自己动态呈现的?

希望我能解释确切的问题。

0 个答案:

没有答案