Question

我正在使用javascript打印特定内容。让我告诉你我是如何打印的。

var data='many div and contents';
var html="<html>";
html+="<head>";
html+="<style> body{ font-family:'arial' } .tempcss{ margin:0 0 0 10px !important;  } .print_border{ border:1px solid #000; padding:0 20px; } </style>";
html+="</head>";
html+="<body>";
html+= data;
html+="</body>";
html+="</html>";

var printWin = window.open('','','left=0,top=0,fullscreen,toolbar=0,scrollbars=1,status=0');
printWin.document.write(html);
printWin.document.close();
printWin.focus();
printWin.print();
printWin.close();

因此它将打开包含打印选项内容的新窗口。它将在新窗口中显示正常，但不会在打印时正确分割内容。我想要做的是，我想在特定div之后在打印布局中添加分页符。

像这样，

<div class="test"></div>
<-- page break here  -->
<div class="test"></div>
<-- page break here  -->
<div class="test"></div>
<-- page break here  -->

所以这种方式当我打印页面时，所有div将在每个页面中单独显示。我不知道怎么做。所以请帮助我。提前致谢

Answer 1

如何使用page-break-after property in CSS?

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

Answer 2

添加CSS display: block; page-break-before: always;

＆＃13;

 <div style="display: block; page-break-before: always; ">
<!-- your new page content -->
</div>

＆＃13;

在打印窗口

2 个答案: