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
CSS Fragmentation Module Level 3
# page-break-properties

Browser compatibility

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
page-break-after
Deprecated
always
Deprecated
auto
Deprecated
avoid
Deprecated
left
Deprecated
right
Deprecated

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support
Deprecated. Not for use in new websites.
See implementation notes.

See also