CSS `page-break-before` 属性

说明

page-break-before CSS 属性在打印文档时在元素之前插入分页符。此属性适用于生成框的block-level元素。它不适用于不会生成框的空 <p>。

下表总结了此属性的使用上下文和版本历史记录。

属性的语法如下：

page-break-before:

下面的示例显示了 page-break-before 属性的作用。

@media print {
    h1 {
        page-break-before: always;
    }
}

上面示例中的样式规则将分页行为设置为始终在 <h1> 元素之前分页，以便 <h1> 元素始终出现在新页面的顶部。

注意： page-break-before 属性只适用于根元素正常流程中的block-level元素，或table-row元素。

下表描述了该属性的值。

值	说明
`auto`	如有必要，在元素前插入分页符。这是默认值。
`always`	始终在元素之前强制分页。
`avoid`	避免在元素前出现分页符。
`left`	在元素前强制一个或两个分页符，以便下一页将是左侧页面。
`right`	在元素之前强制一个或两个分页符，以便下一页将是右侧页面。
`initial`	将此属性设置为其默认值。
`inherit`	如果指定，则关联元素采用其父元素 `page-break-before` 属性的计算值。

所有主要的现代浏览器都部分支持 page-break-before 属性。

请参阅以下教程： CSS 媒体类型.