第2页的Firefox打印表

Question

我的页面顶部有一个小标题,然后是一个包含大量动态数据的表格.

打印时,数据偶尔会出现在分页符的边缘.所以举个例子.

• 如果表格中有19行或更少的行,它将全部打印在1页上.
• 如果有20或21行,它将把整个表扔到第二页.
• 如果表中有22行或更多行,则它将在第一页上打印20,在第二页上打印2

我不介意第一或第三种情况,但我不关心第二种情况.我意识到这是我的OCD踢,但似乎有人会知道它的修复.

这似乎只发生在Firefox中.在Chrome中,表格将始终在18行后分割.IE10似乎总是分裂,也是18行.

我尝试过以下各种可能的变化:

table { page-break-inside:auto }
tr    { page-break-inside:avoid; page-break-after:auto }

我使用bootstrap3,如果这有所作为.

注意:您可以通过更改打印缩放将其全部打印在一个页面上,但我不能指望我的用户这样做.

注意:我确实意识到我可以做一个黑客,比如检查多少行,如果它落在坏范围内,在页面的某处添加或删除一些填充.但我宁愿以正确的方式去做,假设有一个.

更新:我发现只有当Firefox处于100%缩放设置时才会发生这种情况.当您将其设置为"Shrink To Fit"时,其行为与其他浏览器一样.即使缩放设置为100%,IE10也能正常运行.

Answer 1

您可以尝试添加CSS： table {page-break-before: avoid;}