page-break-after

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

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

/* 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: unset;

备注:这个属性正在被更通用的 break-after 取代。这个新的属性也处理列和区域中断,并在语法上兼容 page-break-after

在使用 page-break-after 之前,请检查是否可以使用 break-after 代替。在将来, page-break-after 将只是它的一些值的别名。

语法

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: unset;

Values

auto

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

always

始终在元素后强制分页。

avoid

避免在元素后出现分页符。

left

在元素之后足够的分页符,一直到一张空白的左页为止。

在元素之后足够的分页符,一直到一张空白的右页为止。

recto 实验性

If pages progress left-to-right, then this acts like right. If pages progress right-to-left, then this acts like left.

verso 实验性

If pages progress left-to-right, then this acts like left. If pages progress right-to-left, then this acts like right.

Formal syntax

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

Examples

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

Specification

Specification
CSS Logical Properties and Values Level 1
# page
CSS Paged Media Module Level 3
# page-break-after

Browser compatibility

BCD tables only load in the browser

See also