是否可以在每个页面上打印不同的页脚?

And*_*rew 6 html css printing

我正在将Access应用程序转换为Web,并且需要从中打印报告.这些是寄出的字母,因此字母的底部,即"请返回"部分,将始终位于页面的底部,无论字母的大小有多大.我用DIVs来布置字母并模仿Access很好,但我不知道如何在页面底部找到每个字母的标题.使用position: fixed;页脚的CSS 只会使每个页脚显示在每个页面的底部,我们希望能够一次打印多个字母.

如果我删除它fixed,它会在每个页脚显示自己的页面,它们没有与它的底部对齐.

我可以吃蛋糕吗?不需要跨浏览器,如果绝对必要,我将转向PDF,但我在CSS/HTML中有哪些选择?以某种方式将它全部转换成一张桌子并尝试tfoot?但是,这会强制它在每个页面的底部吗?

编辑:CSS/HTML的示例:

.reportcontainer {
    width: 100%;
    page-break-inside: avoid;
    page-break-after: always;
    position: relative;
}
.reportbody {
    float: left;
    text-align: left;
}
.reportfooter {
    width: 100%;
    float: left;
    bottom: 0;
    position: fixed;
}

<div class="reportcontainer">
    <div class="reportbody">
        yadda yadda yadda
    </div>
    <div class="reportfooter">
        stuff goes here
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

Sam*_*eff 1

我建议使用 PDF。如果您需要对印刷材料进行这种级别的控制,您将需要努力让 HTML 跨浏览器工作,而这正是 PDF 的设计目的。

tfoot没有帮助,它只确保页脚位于表格的底部,而不是页面的底部。