javascript - populating content inside div into multiple vertical coumns -


i have populated content. how can content vertially align multiple columns it's on image.

update:

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

enter image description here

maybe can help:

var sec = document.body.getelementsbytagname("section")[0];  (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>


Comments

Popular posts from this blog

powershell Start-Process exit code -1073741502 when used with Credential from a windows service environment -

twig - Using Twigbridge in a Laravel 5.1 Package -

c# - LINQ join Entities from HashSet's, Join vs Dictionary vs HashSet performance -