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

时间:2017-12-19 16:24:20

标签: javascript html css printing

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

有什么想法吗?

我尝试设置页脚staticabsolutebottom: 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 个答案:

没有答案