Javascript 如何在文档的“打印”视图中的所有页面中打印相同的页眉和页脚
我想在打印时在所有html页面中重复页眉和页脚。我尝试了许多在线解决方案,但仍然无法解决此问题。 即使css位置:修复也不适用于chrome,标记后的分页符也不适用于chrome。如果我为页眉和页脚div添加position:fixed,那么它会在每页上重复页眉和页脚,但内容与页脚和页眉重叠 是否有其他方法可以使用正确的页面格式为打印视图中的所有页面重复页眉和页脚。Javascript 如何在文档的“打印”视图中的所有页面中打印相同的页眉和页脚,javascript,jquery,html,css,printing,Javascript,Jquery,Html,Css,Printing,我想在打印时在所有html页面中重复页眉和页脚。我尝试了许多在线解决方案,但仍然无法解决此问题。 即使css位置:修复也不适用于chrome,标记后的分页符也不适用于chrome。如果我为页眉和页脚div添加position:fixed,那么它会在每页上重复页眉和页脚,但内容与页脚和页眉重叠 是否有其他方法可以使用正确的页面格式为打印视图中的所有页面重复页眉和页脚。尝试在css中放置底部:0。 Try for placing bottom:0 in the css. Eg: <div c
尝试在css中放置底部:0。
Try for placing bottom:0 in the css.
Eg:
<div class="divfooter">SomethingOnthePageBottomandHeader</div>
<style type="text/css">
@media screen {
div.divfooter {
display: none;
}
}
@media print {
div.divfooter {
position: fixed;
bottom: 0;
}
}
</style>
如:
底部和顶部的一些东西
@媒体屏幕{
div.divfooter{
显示:无;
}
}
@媒体印刷品{
div.divfooter{
位置:固定;
底部:0;
}
}
向我们展示一些您尝试过的代码,展示您迄今为止尝试过的内容。@您应该在要打印的文档中有页眉和页脚的HTML输出,所以只需更改“模板”即可。我有一个HTML页眉和页脚,其中包含一个文档,而不是模板问题。我搜索这个问题。Google chrome不支持position:fixed和page break after属性,因此我们无法在所有页面中正确设置页眉和页脚。内容与页脚和页眉重叠。我只想在打印文档的每一页重复页眉和页脚。使用合适的甲酸盐。这对chrome不起作用。我已经提到了位置:在我的问题中已修复。