CSS @media打印边距

Question

我正在尝试在单个页面上打印div。 div包含一个动态表，根据所选的内容，可以包含更多列。一个或多个行是静态的。

打印包含大量列的页面可以正常工作，但如果只有少数则会创建第二页。

如果我删除：

left: 0;

它会在一个页面上打印一个包含几列的页面，但是如果有很多列则会切断底部的几行。

无论页面上的内容如何，​​我如何才能在单页上显示。

打印时我目前有：

@media print {
  body * {
      visibility: hidden;
  }

  #section-to-print,
  #section-to-print * {
      visibility: visible;
  }
  #section-to-print {
      position:absolute;
      top: -15px;
      left: 0;
      font-size:smaller;
  }
}

Answer 1

始终在每个元素后（打印时）插入分页符：

@media print {
    element {page-break-after: always;}
}

page-break-after属性设置是否应在指定元素之后发生分页符。