Javascript 如何使列表项从特定点显示为两列？

如何在第一列显示项目01至07，以及在第二列显示项目08至10，但这些项目不足以填充第一列

我有一个非常简单的导航栏，如下所示：

.测试ul{ 列表样式类型：无； } .测试ul li{ 浮动：左； 宽度：250px； 高度：120px； 边框：1px纯黑； 文本对齐：居中； } .测试ul li ul{ 显示：无； } .测试李：悬停ul{ 显示：块； } A. B C C01 二氧化碳 二氧化碳 C04 C05 C06 C07 C08 C09 C10 CSS网格可以做到这一点：

保险商实验室{ 列表样式：无； 保证金：0； 填充：0； 显示：内联网格； 网格模板行：repeat7，最大内容； 网格自动流：列； 栅柱间隙：.25em； } 李{ 边框：1px纯灰； 填充：.25em； } C01 二氧化碳 二氧化碳 C04 C05 C06 C07 C08 C09 C10

---

积分由社区投票决定。除非有滥用，否则你应该改进你的问题，使其对社区的价值更加明显，之后可能会获得更多的选票。