您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

打印html时在页面上打印页码

打印html时在页面上打印页码

由于具有页面编号的@page暂时无法在浏览器中工作,因此我一直在寻找替代方法。 我找到了 发布的答案。 我将其重新张贴在这里,以便每个人都可以更轻松地找到它: 对于这个答案,我们 ,它是纯CSS答案,但是可以在FireFox20+版本中使用。这是一个示例链接。 CSS是:

#content {
    display: table;
}

#pageFooter {
    display: table-footer-group;
}

#pageFooter:after {
    counter-increment: page;
    content: counter(page);
}

HTML代码是:

<div id="content">
  <div id="pageFooter">Page </div>
  multi-page content here...
</div>

这样,您可以通过将参数修改#pageFooter自定义页码。我的例子:

#pageFooter:after {
    counter-increment: page;
    content:"Page " counter(page);
    left: 0; 
    top: 100%;
    white-space: Nowrap; 
    z-index: 20;
    -moz-border-radius: 5px; 
    -moz-@R_642_2419@-shadow: 0px 0px 4px #222;  
    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);  
  }

这个技巧对我来说很好。希望对您有帮助。

其他 2022/1/1 18:28:50 有477人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶