当我将displayHeaderFooter设置为true时,标题将不呈现.仅当我在CSS中将margin设置为@page时,它才起作用,但随后页面高度将由margin值增加,并且页面内容将在页面外部呈现.
最佳答案
您可以使用
page.pdf的margin选项设置内容的空白.默认情况下,所有边的空白均为0,因此,如果您设置的页眉没有空白,则它将隐藏在页面内容的后面.
通过此选项设置的边距不会增加页面的高度.如果可能的话,我建议不要使用CSS中的@page规则,因为存在多个已知的错误(有关更多信息,请参见this answer).
代码样例
这是一个最小的示例,该示例为所有页面设置页眉,并将页边距设置为20mm以使其可见：
await page.pdf({
displayHeaderFooter: true,headerTemplate: '<div style="font-size:5mm;">Your header text</div>',margin: {
top: '20mm'
},path: 'example.pdf'
});
