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

Question

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

问题是当我打印文档时，某些元素会溢出到下一个。所以我添加page-break-inside到我的网格元素中，但它没有改变任何东西。一页中的元素仍然溢出到另一页。page-break-inside完美的作品时，有没有 display:grid，但与 display:grid它没有。这里有两个带有 grid和没有 grid 的示例。

所以：

1. 是否page-break与 一起使用display:grid，因为在我的情况下它没有？
2. 有什么办法可以使这项工作？

Answer 1

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

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