使用 docraptor 打印 css 媒體：如何在每一頁上流動頁眉標志並在 pdf 的第一頁上修復頁腳。

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 個解決方案

解決方案1
1 2015-11-02 15:32:16

使用 docraptor 打印 css 媒體：如何在每一頁上流動頁眉標志並在 pdf 的第一頁上修復頁腳。

問題描述

1 個解決方案

解決方案1 1 2015-11-02 15:32:16

解決方案1
1 2015-11-02 15:32:16