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

页面断点属性设置了是否应在指定元素之后发生页面中断。