列表分为多列

Question

我想将列表分成多列,每列应该有最多5个数据列表,如下图所示.请指导我如何实现这一目标？

Answer 1

http://jsfiddle.net/U28rS/

CSS代码: -

#cols {
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
}

HTML: -

<div id="cols">
    <ul>
       lists 
    </ul>
</div>