使内容下降并溢出水平css

Question

我不确定是否有更好的解释方法，除非可能会查看像craigslist这样的网站。

它现在做什么 -

*****
*1  *
*2  *
*3  *
*****

我想要什么 -

*****
*147*
*258*
*369*
*****

http://jsfiddle.net/N8qf8/

我做了一个小提琴但当然我不能让溢出来做我想要的。任何想法？应用溢出：auto;只要它达到最大高度时给它一个滚动条，是否有任何东西可以让它进入下一列？

Answer 1

在支持的浏览器中，您可以使用CSS3 columns：

Updated Example

ul {
    overflow: auto;
    max-height: 70px;
    -webkit-column-count:3;
    -moz-column-count:3;
    column-count:3;
}

可以找到对here的支持。