--- 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>