html - 为什么分页符不适用于 CSS 显示网格？

Question

我正在使用 CSS 网格布局制作 HTML 文档，然后我想打印它。

问题是当我打印文档时，某些元素会溢出到下一个。所以我加了page-break-inside到我的网格元素，但它不会改变任何东西。一页中的元素仍然溢出到另一页。 page-break-inside当有 时完美运行否 display:grid ，但是 与 display:grid它没有。这里有两个样本 with grid和 without grid .

所以:

是否page-break与 display:grid 一起工作，因为在我的情况下它没有？

有什么办法可以使这项工作？

Answer 1

打破 css-break-3§3.1 中定义的网格布局和 css-grid-1§12尚不支持任何浏览器。此外，[page-]break-inside 没有任何规范。在网格布局中，仅 [page-]break-before和 [page-]break-after .

我怀疑您需要手动将网格布局分成单独的网格，并在正确的位置使用虚拟中断元素。