blob: 5b0d8e7a13cbaabda29e9fc186d1ccc67d18982f (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
|
---
title: CSS分片
slug: Web/CSS/CSS_分片
tags:
- CSS
- CSS分片
- 参考
translation_of: Web/CSS/CSS_Fragmentation
---
<div><font><font>{{cssref}}</font></font></div>
<p><strong><font><font>CSS Fragmentation</font></font></strong><font><font>是</font><strong><font>CSS</font></strong><font>的模块，它定义了内容在跨多个</font></font><a href="/en-US/docs/Web/CSS/Paged_Media"><font><font>页面</font></font></a><font><font>，区域或</font></font><a href="/en-US/docs/Web/CSS/CSS_Columns"><font><font>列中</font></font></a><font><font>被分割（分段）时如何显示</font><font>。</font></font></p>
<p><font><font>当一个内联框包装成多行时会发生碎片。</font><font>当一个块跨越一个列布局容器内的多个列，或者在打印时跨越一个分页符时，也会发生这种情况。</font><font>元素的每个渲染</font></font><em><font><font>片段</font></font></em><font><font>称为一个</font><em><font>片段</font></em><font>。</font></font></p>
<h2 id="参考"><font><font>参考</font></font></h2>
<div class="index">
<ul>
<li>{{cssxref("box-decoration-break")}}</li>
<li>{{cssxref("break-after")}}</li>
<li>{{cssxref("break-before")}}</li>
<li>{{cssxref("break-inside")}}</li>
<li>{{cssxref("orphans")}}</li>
<li>{{cssxref("widows")}}</li>
</ul>
</div>
<h2 id="规格">规格</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col"><font><font>规格</font></font></th>
<th scope="col"><font><font>状态</font></font></th>
<th scope="col"><font><font>评论</font></font></th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('CSS3 Fragmentation')}}</td>
<td>{{Spec2('CSS3 Fragmentation')}}</td>
<td><font><font>初始定义。</font></font></td>
</tr>
</tbody>
</table>
|
