Css 划分长列表<；李>；标记到列中？

我在一个

中找到了大约30个

的列表。有没有办法，使用CSS，将它们分成三列，每列十个？

我通常将宽度设置为28%，然后向左浮动：

ul li {
   width: 28%;
   margin: .5em 2%;
   float:left;
}

这样做的缺点是项目的填充方式如下：

- - -
- - -
-

不像：

- - -
- -
- -

如果您想要垂直填充列，则需要3个

s.
在CSS3中，这是

#列{
-moz列数：3；
-moz柱间距：20px；
-webkit列数：3；
-webkit柱间隙：20px；
列数：3；
柱间距：20px；
}

HTML:

... 很多的李。。。

当列表项超过容器的高度时，它们将溢出到下一列中

---

也许对于较旧的浏览器，您可以使用JavaScript，因为这似乎比一个关键功能更美观。
以下是为移动友好而定制的

a分部{
背景色：#ffffff；
边框：2倍实心；
保证金：0；
溢出：自动；
填充：1%；
文本对齐：左对齐；
单词包装：打断单词；
}
ul.a{
列表样式类型：无；
保证金：0；
填充：0；
}
李娜{
浮动：左；
宽度：2%；
}
李·瑟达{
颜色：#ff00ff；
浮动：左；
宽度：32%；
}
李先生{
颜色：#ffff00；
浮动：左；
宽度：32%；
}
第三{
颜色：#00ffff；
浮动：左；
宽度：32%；
}

那只敏捷的棕色狐狸跳过了那只懒狗。




那只敏捷的棕色狐狸跳过了那只懒狗。




那只敏捷的棕色狐狸跳过了那只懒狗。

是否可以将其分为三个
？是的，同意w/Grant。用编程的方式来做。呃，没有什么比用ASP.NET编程创建HTML更糟糕的了。@Chris：是的，不要用ASP.NET，那只是受虐狂。使用JavaScript。需要进入这些列表的数据位于XML文件中。我将如何在JavaScript中加载该XML文件？Ajax和responseXML？哪些浏览器支持CSS3？恐怕你太酷了，不适合上学（“目前由Firefox 1.5+和Safari 3支持”，我想是Chrome和其他Webkit衍生产品。没有IE:（一些答案随着年龄的增长会变得更好：）这有点旧，但仍然是：列支持是最低限度的。请查看此处的浏览器支持信息：这现在在所有现代浏览器中都受支持。IE 10及以上版本也支持它。或者只做

列计数：3；列间距：10px；

是的，早在'09年，css3并不是今天的全部。

<div id="columns">
  <ul>
... lots of lis ...
  </ul>
</div>