如何在文档

时间:2016-08-30 05:50:35

标签: javascript jquery html5 css3 printing

我想在打印时在所有html页面中重复页眉和页脚。我尝试了很多在线解决方案,但我仍然无法解决这个问题。 甚至css位置:fixed也不适用于chrome和page-break-after标签也不能用于chrome。如果我添加位置:固定为页眉和页脚div然后它在每个页面上重复页眉和页脚,但内容与页脚和页眉重叠。

是否有任何其他方法可以在打印视图中使用正确的页面格式重复页眉和页脚。

1 个答案:

答案 0 :(得分:1)

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>