如何使用CSS显示页脚以进行打印？

Question

我有一个包含一些数据和内容的页面。我想制作一个显示内容和页脚的打印版本，不要担心标题。

我正在阅读有关“@media print”的CSS功能，而不是仅仅为了打印而编写另一页。

首先，哪些浏览器支持它？由于这是一个内部功能，如果只有最新的浏览器支持它，那就没关系。

我在考虑使用“可打印”类标记一些DOM元素，并且基本上应用“display：block”。那是可行的吗？

我如何实现这一目标？

编辑：这是我到目前为止所做的：

/* Print Style - SuccinctNate */

@media print {
* {display:block;}
.printable, .printable > * {display:block;}

#footer {display:block;}

}

Answer 1

你的代码似乎是正确的。您可以将display:block设置为要在打印件上显示的项目，并将display:none设置为其他所有项目。

 @media print {
           * { display:none }
           .item_i_want_to_print { display:block;}
 }

或者你可以隐藏你不想出现在印刷品上的那些

 @media print {

           .item_i_do_not_want_to_print { display: none;}
 }

它与每个浏览器兼容。所以请放心使用

在此处查看更多内容： media print