為什么分頁符不適用於 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. 我懷疑您需要手動將網格布局分解為單獨的網格，並在正確的位置使用虛擬中斷元素。