flex布局設置space-between(around)最后一行不左對齊問題

問題點：在微信小程序中或者網頁布局中使用flex的設置justify-content為space-around或者space-between；發現最后一行不左對齊，而是兩端對齊的方式
使用justify-content:space-between的布局方式如下圖

使用justify-content:space-around的布局方式如下圖

解決辦法有兩種
1.添加幾個空格字，格子高度設置為0
根據布局列數添加紅格子(指上面的div)，每行最大n列，那么在最后添加n-2個空紅格子即可，比如要求每行四列，也就是要求每行4個紅格子

1

2

3

3

3

3

3

3

3

3

2.偽元素after 1.當每行為3列時，見代碼

1

2

3

3

3

3

3

3

3

3

3

2.當每行為4列時，見代碼

1

2

3

3

3

3

3

3

3

3

3

3.不確定列數，見下