我正在尝试生成将转换为 PDF（使用 wkhtmltopdf）并打印在预印信纸上的 HTML 页面（C# Razor View）。我的问题是，预印的文具有一个标题（简单）和底部（4 厘米）的可撕部分，在打印一些附加信息的最后一页之前应该是空白的。整个发票正在生成为<table><thead></thead><tbody></tbody></table>那么如何在除最后打印的页面之外的每一页上设置 X 的边距，并在最后打印的页面上而不是边距实际打印一些东西？尝试与 last-child 选择器一起使用，但这不起作用。也许其他一些解决方案更适合使用 .Net Core（也可以使用一些 linux 应用程序）？
2 回答
肥皂起泡泡
TA贡献1829条经验 获得超6个赞
终于我明白了。由于页面顶部应该没有问题（也可以用同样的方式处理，但表格顶部是另一种选择）
我的解决办法是：
wkhtmltopdf test.html --footer-html footer.html output.pdf
整个技巧是使用 footer.html 文件：
<!DOCTYPE html>
<html>
<head>
<script>
var mainHeader = "test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>";
var secondHeader = "OOOOOOOOOOPOPOPOPOPOPOPOPOPOPOPOPOPOPOPOPOPOPOPPOPO<br>";
function selectHeader() {
var vars = {};
var x = document.location.search.substring(1).split('&');
for (var i in x) {
var z = x[i].split('=', 2);
vars[z[0]] = decodeURIComponent(z[1]);
}
if (vars["page"] == vars['topage']) {
document.getElementById('main').innerHTML = secondHeader;
} else {
document.getElementById('main').innerHTML = mainHeader;
}
if (vars["page"] == vars['frompage']) {
document.getElementById('test').innerHTML = secondHeader;
}
}
</script>
</head>
<body onload="selectHeader()">
<div style="min-height: 6cm; background-color: aqua; max-height: 6cm; overflow:visible;">
<div id="main" onload="selectHeader()">
</div>
</div>
</body>
</html>
附：在没有 !DOCTYPE html 的地方阅读它可能无法工作。
感谢所有的帮助
一只甜甜圈
TA贡献1836条经验 获得超5个赞
您可以使用 CSS@page规则来指定页边距。您还可以使用它来指定左侧和右侧页面（以考虑装订）和第一页的附加边距，但似乎不是最后一页！
/* Default left & right is 2cm, top & bottom margin is 4cm */
@page { margin: 4cm 2cm }
/* First page, 10 cm margin on top */
@page :first {
margin-top: 10cm;
}
/* Left pages, a wider margin on the left */
@page :left {
margin-left: 3cm;
margin-right: 2cm;
}
/* Right pages, a wider margin on the right */
@page :right {
margin-left: 2cm;
margin-right: 3cm;
}
进一步阅读：https : //www.w3.org/TR/CSS21/page.html#page-box
- 2 回答
- 0 关注
- 413 浏览
添加回答
举报
0/150
提交
取消