使用flexbox检测包装

Question

我知道，这是一个奇怪的问题。 想象一下物品清单。垂直放置。当我的列表必须在多个列上时，有没有办法“检测”？ （因为空间不足）？

我想一个例子更有效率： http://jsfiddle.net/KCarnaille/au8mpo9t/4/

.right{
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start; //change the option when 2 cols needed
}

我不是在谈论媒体查询我想要的取决于项目长度，而不是屏幕尺寸。

我认为CSS 可能但是，让我们看看：）

我想要的是什么：