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 likeleft. verso- If pages progress left-to-right, then this acts like
left. If pages progress right-to-left, then this acts likeright.
Formal syntax
auto | always | avoid | left | right | recto | verso
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) | ? | ? | ? |