page-break-before

警告：此属性已被 break-before 属性替换。

page-break-before CSS 属性调整当前元素之前的分页符。

此属性适用于生成盒子的块级元素。它不会应用于不会生成盒子的空 <div>。

试试看

语法

css
/* Keyword values */
page-break-before: auto;
page-break-before: always;
page-break-before: avoid;
page-break-before: left;
page-break-before: right;
page-break-before: recto;
page-break-before: verso;

/* Global values */
page-break-before: inherit;
page-break-before: initial;
page-break-before: revert;
page-break-before: revert-layer;
page-break-before: unset;

值

auto

初始值。自动分页符（既不强制也不禁止）。

always

始终在元素之前强制分页符。

avoid

避免在元素之前分页符。

left

在元素之前强制分页符，以便下一页格式化为左页。它是放置在书籍装订线左侧或双面打印页面背面的页面。

在元素之前强制分页符，以便下一页格式化为右页。它是放置在书籍装订线右侧或双面打印页面正面的页面。

recto

如果页面从左到右排列，则此行为类似于 right。如果页面从右到左排列，则此行为类似于 left。

verso

如果页面从左到右排列，则此行为类似于 left。如果页面从右到左排列，则此行为类似于 right。

页面中断别名

page-break-before 属性现在是一个遗留属性，已被 break-before 替换。

出于兼容性原因，浏览器应将 page-break-before 视为 break-before 的别名。这确保了使用 page-break-before 的网站继续按设计工作。一部分值应按如下方式定义别名

page-break-before break-before
auto auto
left left
right right
avoid avoid
always page

正式定义

初始值auto
应用于根元素普通流中的块级元素。用户代理也可能将其应用于其他元素，例如 table-row 元素。
继承否
计算值按指定
动画类型离散

正式语法

page-break-before = 
  auto     |
  always   |
  avoid    |
  left     |
  right    |
  inherit

示例

避免在元素之前分页符

css
/* Avoid page break before div elements of class note */
div.note {
  page-break-before: avoid;
}

规范

规范
CSS 逻辑属性和值级别 1
# page
CSS 分页媒体模块级别 3
# page-break-before

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅