media print

http://stackoverflow.com/q/28925446/4402222

HTML

<div class="clsbtn">
    <button type="button" id="btnPrint">Print</button>
</div>

<div class="FourColumnClass">
  my dog name is jonney. my dog name is jonney. my dog name is jonney.
  my dog name is jonney. my dog name is jonney. my dog name is jonney. 
  my dog name is jonney. my dog name is jonney. my dog name is jonney. my   dog name is jonney.
</div>

CSS

@media print {
   
 .FourColumnClass
    {
    -webkit-column-count: 4; 
    -moz-column-count: 4;
    column-count: 4;

    -webkit-column-gap: 200px; 
    -moz-column-gap: 200px;
    column-gap: 200px;
    }

}

JavaScript

$(document.body).on('click', '#btnPrint', function () {
         
         
            window.print();
           
            
           
        });