将div内的内容填充到多个垂直的coumns中

Question

我有内容填充。这个内容如何在图像上垂直对齐成多个列。

更新

<div result>
   <div ng-repeat="n in data| orderBy:'-Number'">
       {{ n }}
   </div>
</div>

Answer 1

也许这可以提供帮助：

anacron

var sec = document.body.getElementsByTagName("section")[0];
for (var i=1; i<=150;i++){
    var n = document.createTextNode(i);
    var li = document.createElement('li');
    li.appendChild(n);
    sec.appendChild(li)
}

li{list-style:none}
section{    
    -webkit-column-count: 3;
    -moz-column-count: 3; 
    column-count: 3;
}