如何仅使用CSS（2列，等高）实现项目的列类型HTML布局

所以基本上我有任意数量的物品，通常在5-10件之间。我想把它们分为两列，高度相等，或者尽可能接近相等（奇数项）。例如：

15
26
37
4

我绝对不想要的是，它取决于这样的高度：

16
27
3
4
5

我知道我可以计算数组的长度，然后除以2得到第一列的最大索引，如下所示，但我只想在CSS中实现这一点：

Math.ceil(( ITEMS.length / 2)) - 1; // Input of 9 outputs 4 as the max index

---

我尝试过使用Flex和Grid，但似乎无法使某些功能正常工作，但我很可能只是遗漏了一些功能。

多亏了Pete的模糊评论（以一种很好的方式），我已经找到了答案

示例如下：

<div class="content-box">
  <div class="item">1</div>
  <div class="item">2</div>
  <div class="item">3</div>
  <div class="item">4</div>
  <div class="item">5</div>
  <div class="item">6</div>
  <div class="item">7</div>
  <div class="item">8</div>
  <div class="item">9</div>
  <div class="item">10</div>
</div>

.content-box {
  columns: 2 auto;
}

1.
2.
3.
4.
5.
6.
7.
8.
9
10
.内容框{
栏目：2个；
}

字面上是CSS一行哈哈

---

请您澄清一下。您正在寻找一种解决方案，其中高度始终为四个值，并且取决于值的数量，其余值将倾斜到第2列。第2列可以是空的，也可以是充满值的。@Toolbox抱歉，不，这不是我的意思，我的意思是，如果容器展开，那么我不希望列重新排序。我只想让这两列包含相同数量的项目，而不管其容器高度如何。事实上我已经弄明白了，所以只要看看answer@Pete谢谢你的帮助！我已经在答案中实现了这一点