Flexbox堆栈高度

Question

Stack Example Image

我想堆叠flexbox项目并且没有相同的高度，几乎与pinterest layout类似，所以帖子之间没有任何间距，如果没有Masonry它可能是最好的。

到目前为止我有这个

.flex-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-width: 100%;
    align-items: flex-start;
}

.flex-content {
    margin: 15px;
    width: 300px;
    background-color: white;
}

它们仍然如下图所示堆叠，是否可以以任何智能方式进行？

谢谢！