javascript - 在动态表格之后将页脚推到最后打印页面

我正在尝试制作一张总价格显示在最后打印页面底部的发票。

有什么想法吗？

我尝试设置页脚static或absolute和bottom: 0px;，但这不起作用。

@media print {
  body {
    position: relative;
  }
  #invoice_footer {
    page-break-after: avoid;
  }
  #invoice_content:after {
    display: block;
  }
  #invoice_content {
    page-break-after: auto;
  }
  #producttable {
    page-break-inside: auto !important;
  }
  .product {
    page-break-before: auto !important;
  }
}

<body>
  <div class="wrapper">

    <div id="invoice_content">
      /* DYNAMIC TABLE */
    </div>

    <div id="invoice_footer">
      /* total price and extra info */
    </div>

  </div>
</body>

在动态表格之后将页脚推到最后打印页面

0 个答案: