Css 在div中包装列表

我有一个div，div中有一个列表。我希望div中的列表如下所示：

Item 1 Item 5 Item 9 Item 2 Item 6 Item 10 Item 3 Item 7 Item 11 Item 4 Item 8 Item 12 项目1项目5项目9 项目2项目6项目10 项目3项目7项目11 项目4项目8项目12 我知道通过display:inline block我可以这样做

Item 1 Item 2 Item 3 Item 4 Item 5 Item 6 Item 7 Item 8 项目1项目2项目3项目4 项目5项目6项目7项目8 但我希望列垂直移动，然后在div结束后从下一列（如上所示）的顶部重新开始。这个div有一个固定的高度。没有任何显示，文本只是在div之外

---

谢谢

@URGENTHELP；您可以使用css3

列计数

属性

css

ul {
    -moz-column-count: 3;
    -moz-column-gap: 10px;
    -webkit-column-count: 3;
    -webkit-column-gap: 10px;
    column-count: 3;
    column-gap: 10px;
}
li{margin-bottom:10px}

---

检查这可能对您有帮助。

@urgenthhelp；您可以使用css3

列计数

属性

css

ul {
    -moz-column-count: 3;
    -moz-column-gap: 10px;
    -webkit-column-count: 3;
    -webkit-column-gap: 10px;
    column-count: 3;
    column-gap: 10px;
}
li{margin-bottom:10px}

---

检查此选项可能对您有所帮助。

您能否提供您尝试使用的HTML和CSS？为什么不使用3个UL和LI？嗯，你说得对，nvm。我想我会这么做的。对我来说，发布代码有点困难，因为我使用PHP来响应它。但是，是的，谢谢：）你能提供你的HTML和CSS，你已经试图实现这一点吗？为什么不使用3个UL和LI？嗯，你说得对，nvm。我想我会这么做的。对我来说，发布代码有点困难，因为我使用PHP来响应它。但是，是的，谢谢：）是的，我知道，这就是为什么我写css3列计数属性我知道，这就是为什么我写css3列计数属性