page-break-after
该page-break-afterCSS属性调整分页符后的当前元素。
/* 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;此属性适用于生成框的块元素。它不会适用于<div>不会生成框的空白。
注意：这个属性正在被更通用的取代break-after。这个新的属性也处理列和区域中断，并在语法上兼容page-break-after。
在使用之前page-break-after，请检查是否可以使用break-after。将来page-break-after将只是它的一些价值的别名。
初始值 | auto |
|---|---|
适用于 | 根元素的正常流程中的块级元素。用户代理也可以将其应用于其他元素，如表行元素。 |
继承 | 没有 |
媒体 | 视觉，分页 |
计算值 | 作为指定 |
动画类型 | 离散的 |
规范的顺序 | 形式语法定义的独特的非模糊顺序 |
语法
值
auto初始值。自动分页符（既不强制也不禁止）。
always元素 总是强制分页符。
avoid元素 避免分页符。
left在元素之后强制分页，以便下一页被格式化为左页。right在元素之后强制分页，以便下一页被格式化为右页。recto如果页面从左到右进行，那么这就像right。如果页面从右到左进行，那么这就像left。
verso如果页面从左到右进行，那么这就像left。如果页面从右到左进行，那么这就像right。
形式语法
auto | always | avoid | left | right实例
/* move to a new page after footnotes */
div.footnotes {
page-break-after: always;
} 规范
Specification | Status | Comment |
|---|---|---|
CSS Logical Properties Level 1The definition of 'recto and verso' in that specification. | Editor's Draft | Adds the values recto and verso. |
CSS Paged Media Module Level 3The definition of 'page-break-after' in that specification. | Working Draft | Extends the element that this property applies to table rows and table row groups. |
CSS Level 2 (Revision 1)The definition of 'page-break-after' in that specification. | Recommendation | Initial definition |
浏览器兼容性
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 | ? | No support (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 | ? | ? | No support (bug 132035) | ? | ? | ? |
本文档系腾讯云开发者社区成员共同维护，如有问题请联系 cloudcommunity@tencent.com
