Flexbox堆叠不同高度的孩子

Question

我正在建立一个图像组合网站，我需要根据图像组合的可变大小进行堆叠。这是我到目前为止用flexbox实现的目标：

这就是我想要的地方！

有人知道如何在Flexbox显示屏上让孩子以这种方式堆叠吗？我发誓我无法在flexbox教程的任何地方找到这个特殊的结构，尽管我已经在tumblr博客显示器上多次看到它。

这是我的代码： http://jsfiddle.net/822h7ztd

.flexman {
    width:100%;
    padding: .2vw;
    flex-flow: row wrap;
    display: flex;
}
.flexman div {
    background: red;
    width: 100px;
    height:50px;
    margin: .2vw; 
}

Answer 1

对于任何可能遇到此问题的人来说，看起来像你正在寻找的是一个砌体布局，这可以通过这种方式用flexbox实现：

http://thenewcode.com/844/Easy-Masonry-Layout-With-Flexbox