CSS page-break-before 属性值说明

page-break-before 属性定义了元素之前的分页符。

此属性不能用于空的 <div> 或者绝对定位的元素。

page-break-before 属性被 break-before 属性替换。

通常，分页符应用于这种分页媒体，如印刷书籍或者文档。
分页后，布局在当前页面结束，文档中保留的元素在下一页继续。
我们经常可以在 PDF 文档中遇到这种情况。

借助 page-break-before 属性，我们可以定义以下内容必须在哪个页面（右侧或者左侧）重新启动。
我们可以使用 CSS @media 规则来定义打印文档的分隔样式。

语法

page-break-before: auto | always | avoid | left | right | initial | inherit;

使用下面的代码示例在元素之前定义分页符：

@media print {
  h2 {
    page-break-before: right;
  }
}