html – css3页面媒体无法在任何浏览器中运行

前端之家收集整理的这篇文章主要介绍了html – css3页面媒体无法在任何浏览器中运行前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

您好我使用CSS3页面媒体模块http://www.w3.org/TR/css-gcpm-3/直接从浏览器打印HTML内容到PDF但我没有得到任何浏览器来处理它.我的工作如下.

  1. Box-sizing: border-Box;
  2. -moz-Box-sizing: border-Box;
  3. }
  4. @page {
  5. size: letter;
  6. margin: 20mm 25mm;
  7. }
  8. @page {
  9. @top-center {
  10. content: element(pageHeader);
  11. }
  12. }
  13. @page {
  14. @bottom-center {
  15. content: element(pageFooter);
  16. }
  17. }
  18. #pageHeader {
  19. position: running(pageHeader);
  20. }
  21. #pageFooter{
  22. position: running(pageFooter);
  23. }
  24. }

它对我来说在任何浏览器中都不起作用.我已经在最新的Chrome,FF,Opera,Safari中进行了测试.它应该在每个页面显示页眉和页脚.标题旨在显示在每个页面底部的每个页面和页脚的顶部.任何人都可以拥有实际工作的CSS3页面媒体模块元素的工作示例.此外,我不是寻找页眉和页脚的绝对或固定解决方案.我已经尝试了它,除了单页之外它不起作用.我缩短了这个问题的文本内容,但它可以复制和过去生成多页文档,以查看没有页眉和页脚的多个页面.页眉和页脚div保持在顶部.

最佳答案
它目前在任何最终用户浏览器中都不受支持,但PrinceXML支持它,这是一个用于生成PDF的专用引擎.见the CSS3 support for Margin boxes.

PrinceXML是一个商业产品,但我用它来从HTML源创建小说的印刷版本.它支持与打印相关的功能的完整列表. (我不以任何方式与他们联系.)

猜你在找的HTML相关文章