页眉和页脚未在puppeteer生成的pdf中应用CSS

时间:2019-06-14 07:13:24

标签: html css node.js puppeteer

我要在由puppeteer生成的pdf中添加页眉和页脚模板,但我添加的css不能完全应用。

await page.pdf({
  path: filePath,
  format : 'A4',
  printBackground : true,
  margin : { top : 35, bottom: 45},
  displayHeaderFooter : true,
  headerTemplate : `
    <div style="height: 20px; display: flex; align-items: center; justify-content: space-between; font-size: 6px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.5px;">
      <span class="date"></span>
      <span class="title"></span>
      <span class="pageNumber"></span>
    </div>`,
  footerTemplate : `<span class="pageNumber" style="font-size: 20px;"></span>`
})

我已经在浏览器中测试了该html是否提供正确的输出。而且font-size正在响应,但没有在浏览器中响应。也就是说,我在浏览器中输入了font-size : 16px,它显示的很好,但pdf中的值相同,生成的字体太大。

我本来希望工作的是justify-content,但一切都在左侧。

它将对所有CSS做出响应?

0 个答案:

没有答案