javascript - 将 html 打印到多个页面

Question

假设我们有多个 html 段落

<p>Paragraph 1</p>
<p>Paragraph 2</p>

有没有办法将两者打印到打印机的不同页面？

第 1 段将打印在第一页上，第 2 段将打印在第二页上。

谢谢

Answer 1

您可以使用 CSS 做到这一点 page-break-after属性:

@media print {
    p { page-break-after: always; }
}

它将在新页面上打印每个 p 元素。

window.print()

@media print {
    @page { margin: 0; }
    p { page-break-after: always; }
}

<p>Paragraph 1</p>
<p>Paragraph 2</p>