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上<div class="page-break"></div>

然后在您的媒体查询中

插入

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

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

Source