在块中显示两列

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