一个简单的flex布局问题

Question

---

如图所示，justify-content属性设置成了space-between.但是如果我想最后面两个是按顺序排放的话要怎么处理呢？
（数据是调接口的，不确定最后一行有几个，但是我希望他是紧贴着的而不是这样分散）。感谢各位的解答~~~

Answer 1

可以参考一下张鑫旭的这篇文章 https://www.zhangxinxu.com/wo...

Answer 2

取消justify-content.

Answer 3

flex-wrap:wrap

Answer 4

1、试着用justify-content: flex-start
每一个div加一个margin-right: 10px看看
宽度需要定死

2、或者可以在父级容器加一个站位元素

#root::after{
    content: '';
    width: 40%;
    border: 1px solid transparent;
 }

这个width需要你根据具体业务场景调整。