如何在不影响页脚的情况下使html中的正文边距变大(黄页打印)

Question

所以我正在尝试使用html模板创建一个带有weasyprint的PDF

我目前的设置是确保如果有多个页面，我会在每个页面中显示页脚。现在，问题是，我的css设置使正文更靠近页脚，我想增加正文和页脚之间的边距。例如，代替这个：

123456789012345.....
Footer Description.   page 1

相反，我希望它像这样分开正文和页脚，我不想更改页脚区域，所以我想确保第1页之间的间隔提前

123456789012345.....

Footer Description.   page 1

我试着调整@页边距(将15毫米改为25毫米(，但它也会抬高页脚，页脚会重叠。有办法解决这个问题吗？这是我的css样式

@page {
size: A4;
margin: 15mm 20mm;
}
.common-style {
color: black;
font-family: "Calibri, sans-serif";
}
.footer {
position:fixed;
width:100%;
right:2;
bottom:0; /* stick to bottom */
margin-bottom   : -5mm;
height          : 10mm;
text-align      : left;
font-size       : 10px;
}
Thank you

Answer 1

您可以尝试使用：：before伪元素，并在元素上方添加一些
元素。。。我不知道这会不会是"；最佳实践"；但它可以起作用。

真的很抱歉。。。所以…你不需要在psuedo类的：：before中添加
元素(至少我相信你能做到(。。。

在页脚上设置"margin-top"或"padding-top"也不能达到您想要的效果。

实际上，你可以在CSS生成的内容中创建换行符，看起来。。。考虑使用：

.footer::before {
content: 'content: 'a a';
white-space: pre;
}

上面应该给你两个换行符。。。有关更多信息，请参阅此线程。

在伪元素内容之后或之前添加换行符