CSS break-before 属性

简介

break-before 属性用于指定在生成的盒子前面是否插入分页符，以便在分页时进行换行或分隔。

该属性适用于在分页媒体上显示的元素，如打印或电子书阅读器等。

语法

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

• auto：默认值。允许浏览器自动在元素前插入分页符。
• always：始终在元素前插入分页符。
• avoid：尽量避免在元素前插入分页符。
• all：在元素的前面和后面都插入分页符。
• left：在元素前插入分页符且使其与页面左边缘对齐。
• right：在元素前插入分页符且使其与页面右边缘对齐。
• page：在元素前插入分页符。
• column：在元素前插入分页符使其开始新的列。
• avoid-page：尽量避免在元素前插入分页符并在可能的情况下使元素位于页面的起始或结束位置。
• avoid-column：尽量避免在元素前插入分页符，并在可能的情况下使元素位于列的起始或结束位置。
• inherit：继承父元素的 break-before 属性值。

示例

p {
  break-before: always;
}

支持的浏览器

break-before 属性目前在大多数现代浏览器中得到支持。