justify-content能够对齐的解决办法

 

解决办法一

.main{

   display: flex;

   justify-content: space-around;

   flex-wrap: wrap;

}

.son{

  width：100px

}

//利用伪类after来处理，宽度与子元素宽度一致

//但是专业那个方式值有些时候可以，有些时候仍然不行

.main:after {

    content: "";

    width: 100px;

}

解决办法二

最后一行差几个进填充几个，这样方式使用的人很多。

我个人也推荐这种。优先使用第一种方式