顯示塊中的兩列

Question

我需要一些幫助來解決問題。

在塊中有一個列表一定的高度。身高高於列表的高度，因此它是displayed in 2 columns。

我沒有這樣做，首先填寫列表項的第一列，然後是第二列。 it looks like this

CSS

.wrap{ 

} 
.wrap ol{ 
    height: 290px; 
    width: 500px; 
    display: block; 
    outline: 1px solid red; 
    overflow: hidden; 
} 

    .wrap ol li{ 
     width: 50%; 
     float: left; 
    } 

Answer 1

一個簡單的方法是使用CSS多列。

.wrap{ 
    column-count: 2; 
    -moz-column-count: 2; 
    -webkit-column-count: 2; 
} 

見http://jsfiddle.net/aC4Nc/

增加與舊的瀏覽器兼容性，使用該polyfill