【问题标题】:Using HTML/CSS for creating printable document使用 HTML/CSS 创建可打印文档
【发布时间】:2016-12-14 10:24:07
【问题描述】:

有没有办法使用 HTML/CSS 来描述可打印的文档(例如 A4 大小)? 在 HTML5 中,我们有 <header><footer> 和大量可用于构建文档的元素,但我想知道我是否可以输出使用 Web 技术显示内容的 PDF 文档。

我尝试在 CSS 中使用媒体查询 @print 以便使用我的浏览器打印框将 HTML 文件输出为 PDF,但在我看来这个解决方案不是很好(在页脚中显示页码或脚注) .

此外,使用不同的浏览器渲染是不一样的,我希望我的文档都是一样的。

【问题讨论】:

    标签: html css pdf


    【解决方案1】:

    @print 是最好的解决方案:

    @media print {
        body * {
            visibility: hidden;
        }
        #section-to-print, #section-to-print * {
            visibility: visible;
        }
        #section-to-print {
            position: absolute;
            left: 0;
            top: 0;
        }
    }
    

    在此处查看所有可能的解决方案: Print <div id=printarea></div> only?

    你可能会找到你需要的。

    【讨论】:

    • 感谢您的评论 Luka,我已经知道这个解决方案,我只是想知道是否没有其他方法可以让它工作。
    猜你喜欢
    • 1970-01-01
    • 2018-03-05
    • 1970-01-01
    • 1970-01-01
    • 2018-04-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-02-22
    相关资源
    最近更新 更多