page-break-after

警告:此属性已被 break-after 属性替换。

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

试试看

语法

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

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

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

auto

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

always

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

avoid

避免在元素之后分页符。

left

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

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

recto

如果页面从左到右排列,则此值与 right 相同。如果页面从右到左排列,则此值与 left 相同。

verso

如果页面从左到右排列,则此值与 left 相同。如果页面从右到左排列,则此值与 right 相同。

页面中断别名

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

出于兼容性考虑,浏览器应将 page-break-after 视为 break-after 的别名。这可确保使用 page-break-after 的网站继续按预期工作。一部分值应按如下方式定义别名

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

正式定义

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

正式语法

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

示例

在脚注后设置分页符

css
/* move to a new page after footnotes */
div.footnotes {
  page-break-after: always;
}

规范

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

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅