Html CSS-在列中显示元素

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

A  C  E
B  D

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

请尝试以下操作：

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

据我所见：

列：3解决方案是按行而不是列排序元素 显示器：flex；弯曲方向：立柱；解决方案很好，但需要 高度设置为在大多数情况下无法使用

---

我找到的唯一真正的解决方案是js脚本，例如：

请说明您计划如何编写默认脚本html@Barto这是我尝试过的示例代码