文章/答案/技术大牛

发布

社区首页 >问答首页 >在打印窗口中，在特定div之后将内容分成新页

问在打印窗口中，在特定div之后将内容分成新页
EN

Stack Overflow用户

提问于 2015-07-28 21:47:20

回答 2查看 4.8K关注 0票数 6

我正在使用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();

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

像这样，

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

这样，当我打印页面时，所有div将分别显示在每一页中。我不知道怎么做。所以请帮我解决这个问题。提前感谢

javascript

html

css

回答 2

Stack Overflow用户

发布于 2015-07-28 22:01:00

使用page-break-after property in CSS?怎么样？

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

票数 1

Stack Overflow用户

发布于 2017-02-05 01:24:10

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

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

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/31678195

复制

相似问题

问在打印窗口中，在特定div之后将内容分成新页
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在打印窗口中，在特定div之后将内容分成新页EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在打印窗口中，在特定div之后将内容分成新页
EN