Html 将列出的元素均匀地分成两部分

大家好

不确定以前是否有人问过这个问题，但我正在努力找到书面答案，因为我有两个问题需要相同类型的解决方案。只是一段简短的历史：

我有一个列表，它是指向一些测试解决方案或测试本身的链接，但由于一个部分要求它们分布在两个div中，另一个部分要求它们分布在三个div中。这是由于用户必须进行的测试数量，因此一个用户可能会进行四个测试，另外两个测试，但这些测试是预先确定的，客户端允许他们进行哪些测试。因此，由于我们不确定它们将进行哪些测试，我们需要允许元素均匀分布，这样，如果某个项目未列出，则不会破坏行设置。希望这一切都有意义

如果我们尝试手动执行此操作，一列中可以列出三个项目，而另一列中只能列出一个项目。或者，对于另一部分，一列中列出三项，第二列中列出一项，第三列中无一项

从之前的查询中，我发现了以下内容：

.menu{text align:justify；}
.menu>a{显示：内联块}
.菜单：在{content:''之后；显示：内联块；宽度：100%；高度：0}

---

有一个名为nth-child（）的css选择器，您可以编写类似这样的内容，如nth child（偶数）/nth child（奇数）/nth child（3）等，例如下面的代码将均匀地吐出div

menu>a{float:left}
菜单>第n个子项（偶数）+a{clear:both；}

---

这是可行的，但是，这些项目彼此相邻，而不是在等距div之间列出。我尝试了以下组合：.menu{text align:justify；}.menu>a{display:inline block}.menu:after{content:''；display:inline block；width:100%；height:0}.menu>a{float:left}.menu>a:n子级（偶数）+a{clear:both；}和.menu>a{display:flex；flex流：行换行；justify content:space around；}我做错了什么？而仅仅应用解决方案只是将它们对齐一行，并彼此相邻，因此为什么要添加项目