显示块中的两列

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