木偶师:我如何在页眉/页脚中添加一条水平线？

Question

我试图在页眉和页脚之前添加一个<hr>行。

例如，在页脚中，我执行了以下操作(使用puppeteer-sharp)：

var footerTemplate =
    "<hr style=style='border-bottom: 2px solid #8c8b8b;' />" +
    "<div style=\"text-align: right;width: 297mm;font-size: 8px;\">" +
    "   <span style=\"margin-right: 1cm; color:rgb(89, 89, 91);\">" +
    "      Page <span class=\"pageNumber\"></span>" + 
    "   </span>" +
    "</div>";

pdfOptions.FooterTemplate  = footerTemplate;

但是，我看不见这条线。我发现了这里类似的情况，建议在文档中添加行，因为正如以下来源中提到的那样

页眉和页脚的内容是用“content”属性指定的。内容总是呈现为一行。

那么:是否有一种方法可以使用木偶师在“文档本身”中添加这些多行呢？或者更好:是否有一种方法可以在页脚和页眉中添加一行？

Answer 1

考虑使用CSS完全避免<hr />和样式：

​

header, footer { background: #eee; }
header {
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #000;
}
footer {
  padding-top: 1em;
  margin-top: 1em;
  border-top: 1px solid #000;
}

<header>Header</header>
<main>Content</main>
<footer>Footer</footer>

​