使內容下降並溢出水平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。