Question

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

我尝试在CSS中使用媒体查询@print，以便使用我的浏览器打印框将PDF文件输出为PDF，但这种解决方案在我看来并不是那么好（显示页码或脚注）页脚）。

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

Answer 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?

你可能会找到你需要的东西。

使用HTML / CSS创建可打印文档

1 个答案: