Html 未排序（UL）列表分布-首先垂直设置，然后水平设置

通过使用以下html

<ul>
<li>1.List</li>
<li>2.List</li>
<li>3.List</li>
<li>4.List</li>
<li>5.List</li>
<li>6.List</li>
<li>7.List</li>
<li>8.List</li>
<li>9.List</li>
<li>10.List</li>
<li>11.List</li>
<li>12.List</li>
</ul>

1.名单
2.名单
3.名单
4.名单
5.名单
6.名单
7.名单
8.名单
9.名单
10.名单
11.名单
12.名单

请帮助我仅使用CSS创建此类列表。该列表是动态的，因此我不能在两者之间添加任何其他类

我试着去创造

---

我需要更好的CSS来创建发行版。

这可以通过

列计数轻松完成。

ul{
列数：3；
列表样式类型：无；
填充；0；
保证金：0；
柱间距：2px；
}
李{
背景色：#f00；
边缘底部：2px；
颜色：白色；
文本缩进：10px；
填充：3px0；
}

1.名单
2.名单
3.名单
4.名单
5.名单
6.名单
7.名单
8.名单
9.名单
10.名单
11.名单
12.名单

这可以通过

列计数轻松完成


ul{
列数：3；
列表样式类型：无；
填充；0；
保证金：0；
柱间距：2px；
}
李{
背景色：#f00；
边缘底部：2px；
颜色：白色；
文本缩进：10px；
填充：3px0；
}

1.名单
2.名单
3.名单
4.名单
5.名单
6.名单
7.名单
8.名单
9.名单
10.名单
11.名单
12.名单
有两种明显的解决方案，第一种是使用CSS列：


ul{
/*定义列的数目
内容应占据：*/
列数：3
}
李{
/*不相关，但我使用生成的内容
要显示列表项目编号，请执行以下操作：*/
列表样式位置：内部；
列表样式类型：十进制；
颜色：#fff；
背景色：红色；
保证金：4倍；
}

列表项
列表项
列表项
列表项
列表项
列表项
列表项
列表项
列表项
列表项
列表项
列表项
有两种明显的解决方案，第一种是使用CSS列：


ul{
/*定义列的数目
内容应占据：*/
列数：3
}
李{
/*不相关，但我使用生成的内容
要显示列表项目编号，请执行以下操作：*/
列表样式位置：内部；
列表样式类型：十进制；
颜色：#fff；
背景色：红色；
保证金：4倍；
}

列表项
列表项
列表项
列表项
列表项
列表项
列表项
列表项
列表项
列表项
列表项
列表项
你在哪里卡住了？我需要这个……ul{columns:3}的css？基于img。那么，你自己没有做任何事情或尝试解决这个问题？你在哪里被卡住了？我需要css来解决这个…ul{columns:3}？基于img。那么，你自己没有做过或没有尝试过解决这个问题？