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

Html 是否可以在每页上打印不同的页脚?,html,css,printing,Html,Css,Printing,我正在将Access应用程序转换为web,需要从中打印报告。这些都是寄出的信件,因此信件的底部,即“请退回”部分,将始终位于页面底部,无论信件的正文有多大。我使用了DIVs来布局字母,并很好地模拟了访问,但我不知道如何将每个字母的标题放在页面底部。使用CSS位置:固定对于页脚,只会使每个页脚显示在每页的底部,我们希望能够一次打印出多个字母 如果我删除固定的,它会在自己的页面上显示每个页脚,它们没有与页脚底部对齐 我能吃我的蛋糕吗?不需要跨浏览器,如果绝对必要的话,我会改为PDF,但是我在CSS/

我正在将Access应用程序转换为web,需要从中打印报告。这些都是寄出的信件,因此信件的底部,即“请退回”部分,将始终位于页面底部,无论信件的正文有多大。我使用了
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纸张的底部英寸?美好的我得试试这个,看看能不能满足我的需要。:)不幸的是,被接受的答案对我没有帮助