javascript - 将 div 中的内容填充到多个垂直列中

Question

我有其中填充的内容。此内容如何像在图像上一样垂直对齐到多个列中。

更新:

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

Answer 1

也许这可以帮助:

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;
}

<section></section>