我正在尝试制作一张总价格显示在最后打印页面底部的发票。
有什么想法吗?
我尝试设置页脚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>