打印的 Firefox 分页符，其 CSS 网格元素的长度超过一个打印页面-解网

问：

Firefox似乎在打印网页时存在问题，当有一个元素在打印的页面中断开时，该元素具有.出于某种原因，这会在元素之前不可避免地创建分页符（即使在使用时）。这似乎只发生在 Firefox 中，它在 Chrome 和 Edge 中的行为符合预期。display: gridpage-break-before: avoid

以下是我正在使用的最小示例：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <style>     
            .tableContainer {
                display: grid;
                page-break-before: avoid;
            }
        </style>
    </head>
    <body>
        <div> Some content </div>
        <div class="tableContainer">
            <table>
                <tr>
                    <th>Header 1</th>
                    <th>Header 2</th>
                    <th>Header 3</th>
                </tr>
                <tr>
                    <td>Data 1</td>
                    <td>Data 2</td>
                    <td>Data 3</td>
                </tr>

                //Repeat table rows until table reaches over the first printed page
            </table>
        </div>
    </body>
</html>

display: block在此示例中，在媒体打印查询中将调整布局，但这在本项目中不是一个可行的解决方案，因为它会破坏其他页面，不必要地将其应用于其他可以正常打印页面的浏览器。

这是Firefox的错误还是有修复程序？

HTML CSS Firefox 浏览器

打印的 Firefox 分页符，其 CSS 网格元素的长度超过一个打印页面

Printed Firefox page breaks with CSS grid element longer than one printed page

评论