我正在将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)
我建议使用 PDF。如果您需要对印刷材料进行这种级别的控制,您将需要努力让 HTML 跨浏览器工作,而这正是 PDF 的设计目的。
tfoot没有帮助,它只确保页脚位于表格的底部,而不是页面的底部。