使用Flexbox列出 - 如何在最后一个元素之后填补空白

Question

列出flexbox - 如何填补最后一个元素后的空白

我有一个数字未知的数组。我有一个设计，每个row应该有4个列表元素。我的问题是你无法看到你在最后一个row中有多少元素，你必须以某种方式填补最后一个元素之后的空白。

flex container我有弹性列表元素的问题，这就是

的原因

.container:after {
  content: “ “; 
  flex: auto;
}

不起作用。

FIDDLE

有什么想法吗？