为什么分页符不适用于 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. 我怀疑您需要手动将网格布局分解为单独的网格，并在正确的位置使用虚拟中断元素。