如何在 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 以根据您的需要进行自定义。