We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

这篇翻译不完整。请帮忙从英语翻译这篇文章

 

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;

 

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

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

 

 

Syntax

/* 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
Initial value. Automatic page breaks (neither forced nor forbidden).
always
Always force page breaks after the element.
avoid
Avoid page breaks after the element.
left
Force page breaks after the element so that the next page is formatted as a left page.
right
Force page breaks after the element so that the next page is formatted as a right page.
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

auto | always | avoid | left | right

Examples

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

Specification

Specification Status Comment
CSS Logical Properties and Values Level 1
recto and verso
Editor's Draft Adds the values recto and verso.
CSS Paged Media Module Level 3
page-break-after
Working Draft Extends the element that this property applies to table rows and table row groups.
CSS Level 2 (Revision 1)
page-break-after
Recommendation Initial definition

Browser compatibility

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support (auto, always) 1.0 (Yes) 1.0 (1.7 or earlier) 4.0 7.0 1.2 (125)
avoid, left, right 1.0 ? 未实现 (bug 132035) 4.0 7.0 1.2 (125)
Feature Android Edge Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support ? (Yes) 1.0 (1.0) ? ? ?
avoid, left, right ? ? 未实现 (bug 132035) ? ? ?

See also

文档标签和贡献者

此页面的贡献者: xgqfrms-GitHub
最后编辑者: xgqfrms-GitHub,