使用分页符打印网页时始终存在偏移量



我有一个表格,可能有很多行。我想打印它而不拆分每一行。

我使用分页符后、分页前、分页符内部来实现这一点。但是,下一页的某些部分将始终打印在当前页面上。看到我的截图,蓝色框中的内容应该全部打印在下一页。

我的 css 是 :

.table_parent {
  page-break-before:auto;
  page-break-after:auto;
  page-break-inside:avoid;
  position:relative;
}
.table_self tr{
  page-break-before:auto;
  page-break-after:auto;
  page-break-inside:avoid;
  position:relative;
}

有人可以帮忙吗?非常感谢。

点击查看我的打印截图

您是否尝试过在"更多设置->纸张大小"(打印选项)中更改纸张大小。

终于,我明白了原因。这是因为在顶级div 中,我错误地将顶部定义为 -20px。这将在打印时影响每个页面。所以我们可以看到我的屏幕截图的每一页都有一个 -20px 偏移量。

感谢您的帮助。

最新更新