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

Question

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

问题是当我打印文档时，某些元素会溢出到下一个元素。因此，我在网格元素中添加了page-break-inside，但它没有任何改变。一页中的元素仍然溢出到另一页。如果没有 page-break-inside，display:grid会完美工作，但带有的display:grid则无法正常工作。这是两个示例with grid和without 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. 我怀疑您需要手动将网格布局分解为单独的网格，并在正确的位置放置虚拟中断元素。