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

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

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

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

刚好有九元素的时候

猜你喜欢

转载自blog.csdn.net/visionke/article/details/90599733