我可以使用CSS按行排序但按列对齐吗？

Question

我有一个3列布局，我想从左到右排序，但我找不到一种方法来防止图像从它们上面的行中的最大图像下面开始。这只能用CSS吗？

具体来说，我想订购这样的物品：

http://codepen.io/lorenshumaker/pen/PZebjm

ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

但我希望他们像这样对齐：

http://codepen.io/lorenshumaker/pen/gPzLGW

ul {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}