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

Question

我有一张表可能有很多行。我想打印它而不分开每一行。

我使用page-break-after，page-break-before，page-break-inside来实现这一目标。但是，在当前页面上总是会打印下一页的某些部分。看到我的截图，蓝色框中的内容应该全部打印在下一页。

我的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;
}

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

click to see my print screenshot

Answer 1

您是否尝试在“更多设置 - ＆gt;中更改纸张尺寸？纸张尺寸'（打印选项）。

Answer 2

最后，我明白了。这是因为在顶级div中，我将top定义为-20px。这将在打印时影响每个页面。因此，我们可以看到屏幕截图的每一页都有-20px的偏移量。

感谢您的帮助。