【问题标题】:how i can print same header and footer in all pages in print view of document如何在文档的打印视图中的所有页面中打印相同的页眉和页脚
【发布时间】:2016-08-30 05:50:34
【问题描述】:

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

有没有其他方法可以在打印视图中以正确的页面格式重复所有页面的页眉和页脚。

【问题讨论】:

  • 向我们展示一些您尝试过的代码
  • 显示你到目前为止所尝试的内容。
  • @您应该在要打印的文档中为页眉和页脚提供 HTML 输出,因此只需更改您的“模板”
  • 我有一个带有文档的 html 页眉和页脚,而不是模板问题。我搜索这个问题。 Google chrome 不支持 position:fixed 和 page break after 属性,因此我们无法在所有页面中正确设置页眉和页脚。内容与页脚和页眉重叠。 .我只想在打印文档的每一页中重复页眉和页脚。与适当的甲酸盐。

标签: javascript jquery html css printing


【解决方案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>

【讨论】:

  • 它不适用于 chrome 我已经提到位置:在我的问题中已修复。
猜你喜欢
  • 2013-09-18
  • 2012-01-11
  • 2020-07-29
  • 2013-03-14
  • 2013-10-10
  • 2011-11-01
  • 1970-01-01
  • 2012-10-29
  • 1970-01-01
相关资源
最近更新 更多