flex 布局平均分布又能换行,子元素之间还要有空隙

用flex-wrap: wrap;来换行,用justify-content: space-between;来平分,
在父元素末尾加上after伪元素,让其自动添补最后一个位置,高度设为0 便不影响后面的元素

flex 布局平均分布又能换行,子元素之间还要有空隙_第1张图片

举例我们需要3个元素为一行,并且平分布局

当元素不满足3个的的时候

flex 布局平均分布又能换行,子元素之间还要有空隙_第2张图片

刚好有九元素的时候

flex 布局平均分布又能换行,子元素之间还要有空隙_第3张图片

你可能感兴趣的:(css)