为什么分页符可以与css显示网格一起使用？ [英] Why doesn't page-break work with CSS display grid?

问题描述

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

问题是，当我打印文档时，一些元素会溢出到下一个元素。所以我将page-break-inside添加到我的网格元素中，但它不会改变任何东西。一个页面中的元素仍然会溢出到另一个页面。page-break-inside在没有display:grid时运行良好，但使用display:grid时不起作用。这里有两个示例with grid和without grid。

所以：

1. page-break是否与display:grid一起工作，因为在我的情况下它不起作用？
2. 有没有办法做到这一点？

推荐答案

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

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

这篇关于为什么分页符可以与css显示网格一起使用？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！