flex布局justify-content:space-betwween;最后一行左对齐

布局时用到flex布局,当使用justify-content:space-betwween;时,最后一行不够数量会不整齐,如何让最后一行向左对齐?
在这里插入图片描述

给其设置flex的父元素设置伪类,宽度为item的宽度即可。

.f_voucher_cont{
    padding:5px;
    flex-wrap: wrap;
    justify-content: space-between;
    // 解决最后一行不够三个没有对齐的情况
    &:after { 
        content: ""; 
        width:32%; 
    }    
 } 

在这里插入图片描述

发布了47 篇原创文章 · 获赞 4 · 访问量 6669

猜你喜欢

转载自blog.csdn.net/lifangfang0607/article/details/103450389
今日推荐