---
title: CSS分片
slug: Web/CSS/CSS_Fragmentation
tags:
  - CSS
  - CSS分片
  - 参考
translation_of: Web/CSS/CSS_Fragmentation
original_slug: Web/CSS/CSS_分片
---
<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>