一个困扰已久的 flex 问题

[duzhihao]

首先 数据是后台获取的，每行的数据可以是 3 个、4 个、5 个（根据子元素的宽度情况）; 想使用 flex 布局

 ul {
 	display: flex;
 	justify-content: space-between;
 }

不同的情景子元素的宽度是不一样的，所有每行的个数也是不一样的。如果是 3 个的话可以使用

	ul::after {
        content: '';
        width: item-width;
        height: 0;
      }

但是如果是 4 个、5 个话就不行了。在尽量使用 flex 布局的情况下怎么实现呢。这是一个项目经常遇见的问题，想听听大家的看法。

[dreasky]

在后面多加上 N-1 个不可见的元素，N=每行元素个数

[DowneyLam]

ul:after{

[DowneyLam]

ul:after{content:'';width:xx px}

[duzhihao]

@DowneyLam 我已经在题干说过这种方法了。这种只对一行 3 个的时候有用

[duzhihao]

@dreasky 对于数据数量不可控的情况下这种是很麻烦的

[lijunbo]

每行单独一个 flex ？