javascript - 如何隐藏内容但仍可打印？

Question

我有一个元素 (#print-content)，我正在使用这个 jQuery 插件打印:

https://github.com/DoersGuild/jQuery.print

我不希望此元素显示在实际页面中，但我希望它显示在打印版本中。

我可以使用什么 CSS 属性使其仍显示在打印版本中？也许 height:0 或 position absolute 0 ？”

Answer 1

您可以只使用媒体查询。

#print-content {
    display: none; /*** Remove from the body ***/
}

@media print {
    #print-content {
        display: block; /*** Show just in print ***/
    }
}