Html 将列表分为两列

我正在尝试建立一个无序列表，如下所示：

 - Item 1     |    - Item 4
 - Item 2     |    - Item 5
 - Item 3     |    - Item 6

我有这个HTML：

 <div class="multi-column">
    <ul>
       <li>Item 1</li>
       <li>Item 2</li>
       <li>Item 3</li>
       <li>Item 4</li>
       <li>Item 5</li>
       <li>Item 6</li>
    </ul>
 </div>

它按预期构建了两列，但它在左侧放置了4项，在右侧放置了2项（4x2）。我想要的是3 x 3

我还尝试在column fill属性中使用balance值，但没有成功

---

这里缺少什么？

将多列类赋予ul元素而不是div，它将把

元素中的li元素分成两列

<ul class="multi-column">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    <li>Item 5</li>
    <li>Item 6</li>
</ul>

项目1
项目2
项目3
项目4
项目5
项目6

并添加

列表样式位置：内到的css。多列类

以下是解决方案的链接：
需要将类多列添加到ul，如果要在两列中保留项目符号，还需要添加以下样式

list-style-position: inside;

这是为了更正代码。它本身运行良好。你有其他的代码吗？您已经包含了所有浏览器的所有CSS，因此我认为还有其他原因导致它无法正确呈现

另一个答案是：

这基本上是一样的。如果只有一列，则无法指定显示多少项，因为它们都会显示

因此，我认为您这样做是最好的方式。
我定义了height属性，它起了作用。我只是有时候我很愚蠢。。。但如果我们能定义每列中应该出现多少项，那就太好了。无论如何，谢谢你；）为了解决您的问题，您可以使用
#multi-column li:nth child（odd）{float:rihgt}
和
#multi-column li{float:left}
和
border left/right
@HunterTurner-CSS计数器样式不太受支持（如您引用的页面所列）<代码>列表样式位置

来自CSS 2.1，从IE 6、FF 2、Chrome 1到my dog都支持。曾在IE10+、Edge、Chrome工作，但未在FF工作。

list-style-position: inside;