如何使用 html 和 css 在所有打印页面的顶部添加空格

Question

实际上我正在使用 Node JS 将 html 转换为 PDF。 PDF 也成功生成，但当涉及到 PDF 时，多个页面无法正确显示。我尝试向所有页面添加标题和表格，但它是重叠的。如何解决此问题。我尝试了很多解决方案，但都不起作用。

我应用了这个CSS：

@media print {
   thead {
      display: table-header-group;
   }

   tr.page-break {
      page-break-before: always;
   }

   }
.header-section-0 {
    display: grid;
    position: fixed;
    top: 34px;
    left: 76px;
    right: 79px;
    height: 50px;
    z-index: 1000;
 }`

Answer 1

尝试这两条指令之一，或其中两条（更改使用分页符的位置）：

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

我不确定使用“网格”是一个很好的解决方案。