javascript - printArea.js 如何在 div 标签之间插入分页符

Question

我正在使用 printArea.js 一起打印网页的多个 div 部分。代码如下:

$('div#key_retailer_overview,div#top_retailers,
div#key_retailer_by_upc,
div#key_retailer_by_store').printArea();

问题是我无法在 div 之间进行分页。在每个 div 之间插入分页符的标记是什么？感谢您的帮助。

Answer 1

插入一个类，例如<div class="page-break"></div>在你的每个 div 上

然后在你的媒体查询中

插入

@media all {
    .page-break { display: none; }
}

@media print {
    .page-break { display: block; page-break-before: always; }
}

Source