Question

我正在尝试制作一个在线表单，其中包含标题（带有公司徽标）和页脚（带有三个不同的地址）。在身体里有很多东西。我需要在表单的每个页面中显示标题徽标，但我需要仅在第一页而不是每页中修复页脚。

我正在使用的标题徽标 @page {@top {content：flow（page_header）; }。

但是当我对页脚使用相同的东西时它不起作用。有人可以帮我这个吗？

注意：我使用docraptor将html转换为pdf。

Answer 1

DocRaptor的开发人员。你可以使用一些简单的CSS来做到这一点。这是一个完整的示例：

<!DOCTYPE html>
<html>
  <head>
    <style>
     h1 { flow: static(page_header); }
     h2 { flow: static(first_page_footer); }
     @page {
         @top { content: flow(page_header); }
     }
     @page:first {
         @bottom { content: flow(first_page_footer); }
     }
     hr { page-break-after: always; }
    </style>
  </head>
  <body>
    <h1>Header Content</h1>
    <h2>Footer Content</h2>
    <p>Page 1 content.</p>
    <hr />
    <p>Page 2 content.</p>
  </body>
</html>

希望有所帮助！如果您遇到任何不同的问题或想打个招呼，请发送电子邮件DR支持。 :)

使用docraptor进行css媒体打印：如何在每个页面上流动标题徽标并在pdf的第一页上修改页脚。

1 个答案: