hem*_*iya 6 html javascript css
我正在使用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将在每个页面中单独显示.我不知道怎么做.所以请帮助我.提前致谢
在 CSS 中使用 page-break-after 属性怎么样？
@media print {
div.test {
page-break-after: always;
}
}
| 归档时间： |
|
| 查看次数： |
2791 次 |
| 最近记录： |