From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/zh-cn/web/css/page-break-after/index.html | 199 ++++++++++++++++++++++++ 1 file changed, 199 insertions(+) create mode 100644 files/zh-cn/web/css/page-break-after/index.html (limited to 'files/zh-cn/web/css/page-break-after/index.html') diff --git a/files/zh-cn/web/css/page-break-after/index.html b/files/zh-cn/web/css/page-break-after/index.html new file mode 100644 index 0000000000..2aa6605d92 --- /dev/null +++ b/files/zh-cn/web/css/page-break-after/index.html @@ -0,0 +1,199 @@ +--- +title: page-break-after +slug: Web/CSS/page-break-after +tags: + - page-break-after + - page-break-after & break-after +translation_of: Web/CSS/page-break-after +--- +
+ +
{{CSSRef}}
+ +

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: 这个属性正在被更通用的 {{ cssxref("break-after")}} 取代。这个新的属性也处理列和区域中断，并在语法上兼容 page-break-after。

+ +

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

+
+ + + + + +

语法

+ +
/* 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
+
在元素之后足够的分页符，一直到一张空白的左页为止。
+
right
+
在元素之后足够的分页符，一直到一张空白的右页为止。
+
recto {{experimental_inline}}
+
If pages progress left-to-right, then this acts like right. If pages progress right-to-left, then this acts like left.
+
verso {{experimental_inline}}
+
If pages progress left-to-right, then this acts like left. If pages progress right-to-left, then this acts like right.
+
+ +

Formal syntax

+ +
{{csssyntax}}
+ +

Examples

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

Specification

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('CSS Logical Properties', '#logical-page', 'recto and verso')}}{{Spec2('CSS Logical Properties')}}Adds the values recto and verso.
{{ SpecName('CSS3 Paged Media', '#page-break-after', 'page-break-after') }}{{ Spec2('CSS3 Paged Media') }}Extends the element that this property applies to table rows and table row groups.
{{ SpecName('CSS2.1', 'page.html#propdef-page-break-after', 'page-break-after') }}{{ Spec2('CSS2.1') }}Initial definition
+ +

Browser compatibility

+ +

{{ CompatibilityTable() }}

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureChromeEdgeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Basic support (auto, always)1.0{{CompatVersionUnknown}}{{ CompatGeckoDesktop("1.0") }}4.07.01.2 (125)
avoid, left, right1.0{{CompatUnknown}}{{ CompatNo() }} ({{ bug("132035") }})4.07.01.2 (125)
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureAndroidEdgeFirefox Mobile (Gecko)IE PhoneOpera MobileSafari Mobile
Basic support{{ CompatUnknown() }}{{CompatVersionUnknown}}{{ CompatGeckoMobile("1.0") }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
avoid, left, right{{ CompatUnknown() }}{{CompatUnknown}}{{ CompatNo() }} ({{ bug("132035") }}){{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}
+
+ +

See also

+ + -- cgit v1.2.3-54-g00ecf