前端 - flex布局采用space-around这种方法，但是最后一行如何让他左对齐？

Question

如图最好那两个怎么让他左对齐？

Answer 1

You don’t need space-around, just use flex-start. Be sure to add flex-wrap:wrap

Answer 2

In this situation, I think it is better to use float layout. If you still use flex, I agree with the above statement.

Answer 3

What the person above said is right, this direct percentage calculation is enough, there is no need for flex.
http://runjs.cn/code/3nq7qacp

Answer 4

Then let me calculate it. Thank you

Answer 5

If the width of each item is the same, you can add a few blank placeholder items and keep the number of columns in each row the same

Answer 6

flex is used with percentages.

• If justify-content: space-around;, you need to add a blank placeholder element.

• If justify-content: flex-start;, no additional elements are needed.

item internal text-align: center; implements centering.