我的PDF生成器服务一直在使用飞碟。

我正确地使用css @Page规则在每个页面上添加正在运行的页眉和页脚

@page {
    size: A4 landscape;
    margin: 10%;
    @top-left { content: element(header); }
    @bottom-left { content: element(footer); }
}

header {
    position: running(header);
}

footer{
    position: running(footer);
}






我的HTML和生成的PDF包含以下部分(仅作为示例)


职业目标
摘要
资质
工作经历
项目经验


哪里:


每个部分均在新页面上开始。
同一页上没有两个部分。
根据内容的不同,每个部分可能/可能不会占据多页


我的要求是在每个页面上都有页眉,以显示该页面包含的部分名称。

例如。如果项目经验占据两页,则两个页眉均应包含单词Project Experience

谁能指出我对此的可能解决方案?

最佳答案

最终,我能够对其进行打击,并且它比我预期的要简单得多。




  答案是创建多个标签(每节一个)
  在整个报告中使用一个通用标题。标记位置
  每个标头都在运行,仅此而已。飞碟将工作




例如

我的CSS仍然一样(有问题)

@page {
    size: A4 landscape;
    margin: 10%;
    @top-left { content: element(header); }
}

header {
    position: running(header);
}


我刚刚重构了HTML

<div class="page">
    <header>Section 1 / My Fancy Report</header>
    <h2>Section 1</h2>
    <!-- Section 1 content -->
</div>
<div class="page">
    <header>Section 2 / My Fancy Report</header>
    <h2>Section 2</h2>
    <!-- Section 2 content -->
</div>


如果此处的任何部分溢出到下一页,则飞碟正确地重复下一页的部分标题。

希望它能帮助别人。

09-17 01:16