用 CSS 碎片打破盒子
Rachel Andrew 一直在研究 CSS 碎片规范，发现浏览器支持有些碎片化。在本文中，她解释了什么是碎片、为什么您可能想要使用它以及浏览器支持的状态如何。在本文中，我将向您介绍 CSS 碎片规范。您可能从未听说过它，但是，如果您曾经创建过打印样式表并想要控制内容在页面之间的分隔位置，或多列布局并想要阻止图形在列之间分隔，那么您就遇到过它。我发现人们经常报告的 multicol 问题实际上是浏览 电子邮件营销列表 器对碎片的支持问题。在快速概述本规范中包含的属性之后，我将解释浏览器支持的当前状态以及您可以执行的一些操作，以使其在多列和打印项目中正常工作。
什么是碎片化？ CSS 中的碎片描述了内容被分解成不同盒子的过程。目前，我们在网络上有两个地方可能会遇到碎片：打印文档时以及使用多列布局时。这两件事本质上是相同的。当您打印（或保存为 PDF）网页时，内容会被分成打印内容所需的多个页面。
http://zh-cn.gamblingdat.com/wp-content/uploads/2023/12/IMAGE-55.jpg
当您使用 multicol 时，内容会分成几列。每个列框就像分页上下文中的一个页面。如果您认为一组列很像一组页面，那么这可能是思考多列以及碎片在其中如何工作的有用方法。
如果您查看CSS 碎片规范，您将看到提到的第三个碎片上下文 - 该上下文是区域。由于当前没有可用的区域实现，因此我们不会在本文中处理这个问题，而是研究您在工作中可能遇到的两个上下文。
頁:
[1]