为什么分页符不能与 CSS 显示网格一起使用？

Question

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

问题是当我打印文档时，一些元素溢出到下一个。所以我将 page-break-inside 添加到我的网格元素，但它没有改变任何东西。一页中的元素仍然溢出到另一页。 page-break-inside 在有 no display:grid 的情况下工作得很好，但是 with display:grid 却没有。这里有两个示例 with grid and without grid.

所以：

1. page-break 是否可以与 display:grid 一起使用，因为在我的情况下它不起作用？
2. 有什么方法可以实现吗？

Answer 1

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

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