打印HTML到多个页面

Question

假设我们有多个HTML段落

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

有没有办法将两段内容打印到不同的页面？

第一段落将被打印在第一页上，第二段落将被打印在第二页上。

谢谢。

- ConfusedUser

---

在它们之间添加足够的<br>标签，它们就会出现在不同的页面上。或者，您可以为打印样式进行设置！ - adeneo

好的方法就是被 <br> 呛到... :) - sodawillow

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>

- antyrat

---

喜欢学习新东西；page-break-after 属性。谢谢。 - Waxi

太棒了，谢谢 antyrat！ - ConfusedUser

请注意，当前Chrome在多种情况下无法正常工作。 - abergmeier