CSS -在列中显示元素

Question

有没有一种方法(可能是flex，我找不到解决方案)在CSS垂直显示列中显示5个元素(A、B、C、D、E)？就像这样：

A  C  E
B  D

我不想在html中重新排序元素。

Answer 1

试试这个：

<div class="test">
    <Span>A</Span>
    <Span>B</Span>
    <Span>C</Span>
    <Span>D</Span>
    <Span>E</Span>
</div>

.test {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 50px;
}

Answer 2

据我所见：

1. 列:3解决方案是按行而不是列对元素排序。
2. 显示:flex；flex方向:列；解决方案很好，但需要设置高度，所以在大多数情况下是不可用的。

我找到的唯一真正的解决方案是js脚本，例如：https://masonry.desandro.com/layout.html