CSS-在列中显示元素

Question

有没有办法（例如flex，我找不到解决方案）在CSS垂直列中显示例如5个元素（A，B，C，D，E）？ 像这样：

A  C  E
B  D

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

Answer 1

从我所看到的：

1. columns：3解决方案是按行而非列对元素进行排序
2. display：flex; flex-direction：列;解决方案是很好，但需要 高度设置为在大多数情况下不可用

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

Answer 2

尝试一下：

<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;
}