完成打印div内容后停止打印

时间:2014-06-08 12:47:05

标签: javascript jquery html css printing

我希望在div内容完成打印时停止打印。问题是,如果内容内容很少,则显示页面的其余部分为空白。我想在内容完成打印后剪切页面。我正在使用收据打印机。

 function Popup(data) 
{   
    var mywindow = window.open('', 'day', 'height=300,width=400');
    mywindow.height
    mywindow.document.write('<html><head><title>my div</title>');
    mywindow.document.write('<link rel="stylesheet" href="style.css" type="text/css"   />');
    mywindow.document.write('</head><body >');
    mywindow.document.write(data);
    mywindow.document.write('</body></html>');

    mywindow.print();


    return true;
}

1 个答案:

答案 0 :(得分:0)

您可以定义css以在元素后创建分页符。

@media print
{
  .some_element {page-break-after:always;}
}

请参阅此处的参考http://www.w3schools.com/cssref/pr_print_pageba.asp