将 HTML 文档格式化为多个 A4 大小的部分

Question

这是我目前的问题。

我想生成一个 HTML 页面，其中包含大约 40 张优惠券。每张优惠券必须有一个 A4 尺寸的部分。

因此，如果我要打印 HTML 文档，我希望每个打印的页面都包含 1 张优惠券。

关于如何实现这一点的想法？

Answer 1

下面的 CSS 应该可以实现你所需要的，将类名替换为适合你的 DOM 结构的名称

 @media print {
  .coupon-class 
  {
   page-break-after:always;
  }
 }

这将始终在元素之后插入分页符，您也可以使用它page-break-before在元素之前实现分页符。