如何在 2 列中动态构建内容

Question

我试图动态地将一些帖子内容放入 2 列中，但我找不到正确的方法，你能帮我一点吗？

这是我想要做的

Expectation

我已经尝试过网格，但它创建了行，并且由于网格行的放置而以这种方式结束，我不能使用网格区域，因为这应该是动态内容，所以我不知道它们何时出现会更大或更小

Reality

Answer 1

在这种情况下，您可以尝试使用 flexbox 布局。

{
    display: flex
}

要将内容分成两列，您可以使用

flex-direction: row
column-gap: 12px (whatever is your requirement)

并且要对齐每列中堆栈中的项目，您可以使用

flex-direction: column
row-gap: 12px 

您可以查看其他 flexbox 布局 css 以根据您的需要进行自定义。