如何CSS列出两列项目列表？

我需要根据以下规则显示两列项目列表:

柱的容器具有流体宽度

两列的宽度必须相等

项目是动态呈现的,至少会显示一个

物品订购需要先向下流动,然后向右流动

项目需要在底部均匀排列,或者在奇数的情况下,额外项目应显示在左列中

这是一个例子:

~ Item 1   | ~ Item 6
~ Item 2   | ~ Item 7
~ Item 3   | ~ Item 8
~ Item 4   | ~ Item 9
~ Item 5   |

只要能解决这个问题,HTML就可以是任何东西.我只能使用XSLT将HTML包装在服务器吐出的内容之外.我可以访问两个XSLT参数:一个告诉我当前的项目编号,另一个告诉我有多少项目.

我的CSS技能基本/中级,我不知道从哪里开始.关于这是否可以实现以及如何实现的任何想法？

更新:

谢谢你的回答.共识似乎是使用A List Apart文章或我更喜欢的表格,因为它更简单.该表的问题是服务器按排序顺序给我项目.使用表意味着要重新排序XSLT技巧,不是吗？

    Item 1
    Item 4


    Item 2
    Item 5


    Item 3
     

guymac.. 8

你只需要CSS,例如ul {column-count:2; -webkit-column-count:2; -moz-column-count:2}

1> guymac..：

---

你只需要CSS,例如ul {column-count:2; -webkit-column-count:2; -moz-column-count:2}

2> Dominic Rodg..：

---

有一篇关于alistapart的有用文章,请试试看看那里.

编辑后更新:

由于您处于可以访问的所有项目数量和当前项目,我认为两列表可能是您最好的选择.

---

@Aaron Digulla - 也许我错过了一些东西,但我看不出文章是如何不符合要求的,是的,它需要提前知道列表中的项目,但这是对CSS中是否可能的限制.无论如何,我觉得这个链接是对这个问题的合理回答.