CSS break-before 属性

始终在 <h1> 元素之前插入分页符：

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

定义和用法

这个break-before属性指定在指定元素之前是否应出现分页符、列符或区域符。

这个break-before属性扩展了CSS2 page-break-before属性。

使用break-before，您可以告诉浏览器在元素之前打破页面、列或区域break-before属性应用于，或避免元素被拆分并跨越两个页面。

表中的数字指定完全支持该属性的第一个浏览器版本。

Property
break-before	50.0	10.0	65.0	10.0	37.0

Value	Description
auto	Default. Automatic page/column/region break before the element
all	Always insert a page-break right before the principal box
always	Always insert a page-break before the element
avoid	Avoid a page/column/region break before the element
avoid-column	Avoid a column-break before the element
avoid-page	Avoid a page-break before the element
avoid-region	Avoid a region-break before the element
column	Always insert a column-break before the element
left	Insert one or two page-breaks before the element so that the next page is formatted as a left page
page	Always insert a page-break before the element
recto	Insert one or two page-breaks before the principal box so that the next page is formatted as a recto page
region	Always insert a region-break before the element
right	Insert one or two page-breaks before the element so that the next page is formatted as a right page
verso	Insert one or two page-breaks before the principal box so that the next page is formatted as a verso page
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit