CSS flex gap 属性设置子元素间隙

gap

gap属性设置在父元素样式上，表示flex布局中子元素之间的间隙。

左右两边的子元素是没有margin-left和margin-right的。

flex-direction: column上下两个子元素是没有margin-top和margin-bottom。

代码

.parent1 {
    display: flex;
    gap: 40px;
}

纵向上子元素的间隙

.parent2 {
    display: flex;
    flex-direction: column;
    gap: 40px;
}