当打印带有分页符的网页时，总是有一个偏移量

Question

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

我使用page-break-after，page-break-after，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

您是否尝试过在“More settings -> paper size”(打印选项)中更改纸张大小。

Answer 2

最后，我找到了原因。这是因为在顶级div中，我通过错误将顶部定义为-20px。这将影响打印时的每一页。所以我们可以看到我截图的每一页都有-20px的偏移量。

谢谢你的帮助。