我的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>
如果此处的任何部分溢出到下一页,则飞碟正确地重复下一页的部分标题。
希望它能帮助别人。