HTML DOM | 样式 pageBreakBefore 属性

pageBreakBefore 属性 用于在打印时控制元素位置的分页，即与前一个元素分开并显示在新的页面上。

语法

object.style.pageBreakBefore="auto|always|avoid|left|right|inherit"

• object：必选项。应用样式的 HTML 元素对象。
• auto：默认值。如果需要分页，则自动分页。
• always：将元素放在新页的开头。
• avoid：如果一页上有足够的空间，则不分页。
• left：将元素放在新页的左侧。
• right：将元素放在新页的右侧。
• inherit：规定应该从父元素继承 page-break-before 属性的值。

注意：pageBreakBefore 属性只适用于块级元素。

示例

HTML 代码：

<p>这是第一段信息</p>
<p style="page-break-before: always;">这是第二段信息，应当显示在新页面上</p>
<p>这是第三段信息</p>

渲染效果：

这是第一段信息

这是第二段信息，应当显示在新页面上

这是第三段信息

结论

通过 pageBreakBefore 属性，我们可以控制元素在打印时的分页情况，从而更好地控制打印结果的布局。