如何让不同高度的卡片填充css中的空白？

Question

我想创建一组不同高度的卡片，但我无法显示它们，因此在较短的卡片下方没有额外的空间。

我希望它看起来像这样：

我不想让卡片伸展以填充空间。我希望下面的卡片向上滑动以填充空间。

这可以用纯 CSS 实现吗？如果没有，我将如何使用 Javascript 做到这一点？

.row {
    @include display(flex);
    @include flex-wrap(wrap);
}

Answer 1

我认为您需要采用“Masonry - Cascading grid layout library”js 来创建这些类型的布局。