2015-11-02 52 views
2

我正在尝试制作一个在线表格,其中包含标题(带有公司的徽标)和页脚(带有三个不同的地址)。在身体里有很多东西。我需要在表单的每个页面上都显示标题徽标,但我需要仅在第一页上修复页脚而不是在每个页面中。使用docraptor进行css媒体打印:如何在每个页面上流标题徽标并在pdf的第一页上修复页脚。

对于我使用的标题徽标 @page {@top {content:flow(page_header); }}。

但是当我使用相同的事情的页脚它不工作。有人可以帮我解决这个问题吗?

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

+0

我回答了你给的意思是“静态流量不工作”的问题。也许你的意思是你不能在页脚和页眉中使用相同的元素? –

回答

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支持,如果你遇到任何不同的问题或想打个招呼。 :)

相关问题