解决办法一
.main{ display: flex; justify-content: space-around; flex-wrap: wrap; } .son{ width:100px } //利用伪类after来处理,宽度与子元素宽度一致 //但是专业那个方式值有些时候可以,有些时候仍然不行 .main:after { content: ""; width: 100px; }
解决办法二
最后一行差几个进填充几个,这样方式使用的人很多。
我个人也推荐这种。优先使用第一种方式
.main{ display: flex; justify-content: space-around; flex-wrap: wrap; } .son{ width:100px } //利用伪类after来处理,宽度与子元素宽度一致 //但是专业那个方式值有些时候可以,有些时候仍然不行 .main:after { content: ""; width: 100px; }
最后一行差几个进填充几个,这样方式使用的人很多。
我个人也推荐这种。优先使用第一种方式