Html 是否可以在每页上打印不同的页脚?
我正在将Access应用程序转换为web,需要从中打印报告。这些都是寄出的信件,因此信件的底部,即“请退回”部分,将始终位于页面底部,无论信件的正文有多大。我使用了Html 是否可以在每页上打印不同的页脚?,html,css,printing,Html,Css,Printing,我正在将Access应用程序转换为web,需要从中打印报告。这些都是寄出的信件,因此信件的底部,即“请退回”部分,将始终位于页面底部,无论信件的正文有多大。我使用了DIVs来布局字母,并很好地模拟了访问,但我不知道如何将每个字母的标题放在页面底部。使用CSS位置:固定对于页脚,只会使每个页脚显示在每页的底部,我们希望能够一次打印出多个字母 如果我删除固定的,它会在自己的页面上显示每个页脚,它们没有与页脚底部对齐 我能吃我的蛋糕吗?不需要跨浏览器,如果绝对必要的话,我会改为PDF,但是我在CSS/
DIV
s来布局字母,并很好地模拟了访问,但我不知道如何将每个字母的标题放在页面底部。使用CSS位置:固定代码>对于页脚,只会使每个页脚显示在每页的底部,我们希望能够一次打印出多个字母
如果我删除固定的
,它会在自己的页面上显示每个页脚,它们没有与页脚底部对齐
我能吃我的蛋糕吗?不需要跨浏览器,如果绝对必要的话,我会改为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>
.reportcontainer{
宽度:100%;
内部分页符:避免;
分页符后:始终;
位置:相对位置;
}
.报告主体{
浮动:左;
文本对齐:左对齐;
}
.reportfooter{
宽度:100%;
浮动:左;
底部:0;
位置:固定;
}
雅达雅达雅达雅达
这里有东西
我建议使用PDF。如果您需要对打印材料进行这种级别的控制,那么您将努力使HTML能够跨浏览器工作,而这正是PDF的设计目的
tfoot
没有帮助,它只确保页脚在表的底部,而不是页面的底部。试试这个。我最近也不得不想出很多html打印的方法。您可以通过后端或使用jquery克隆为每个报表复制div。边框仅用于说明容器
.reportcontainer {
width:8.5in;
height:11in;
page-break-inside:avoid;
page-break-after:always;
border:1px solid red;
}
.reportbody {
width:100%;
height:10in;
border:1px solid yellow;
}
.reportfooter {
width:100%;
height:1in;
border:1px solid blue;
}
</style>
<div class="reportcontainer">
<div class="reportbody">
yadda1 yadda1 yadda1
</div>
<div class="reportfooter">
footer 1 goes here
</div>
</div>
<div class="reportcontainer">
<div class="reportbody">
yadda2 yadda2 yadda2
</div>
<div class="reportfooter">
footer 2 goes here
</div>
</div>
<div class="reportcontainer">
<div class="reportbody">
yadda3 yadda3 yadda3
</div>
<div class="reportfooter">
footer 3 goes here
</div>
</div>
.reportcontainer{
宽度:8.5英寸;
高度:11英寸;
内部分页符:避免;
分页符后:始终;
边框:1px纯红;
}
.报告主体{
宽度:100%;
高度:10英寸;
边框:1px纯黄色;
}
.reportfooter{
宽度:100%;
高度:1英寸;
边框:1px纯蓝色;
}
雅达1雅达1雅达1雅达1
页脚1在这里
雅达2雅达2雅达2雅达2
页脚2在这里
雅达3雅达3雅达3雅达3
页脚3在这里
HTML/CSS的一个例子将非常有帮助。还有,为什么你对使用PDF如此犹豫?这是一个更好的选择,因为它是另一个程序,因此对我们的用户来说是另一层复杂性。如果可以在HTML中实现,我会选择这个选项,但如果不行,我非常愿意切换到一个可行的替代方案,比如PDF.ooh。这是一个新颖的想法;使用英寸来确定页脚正好占据8 1/2 x 11纸张的底部英寸?美好的我得试试这个,看看能不能满足我的需要。:)不幸的是,被接受的答案对我没有帮助