Html 如何使用CSS使页脚可见以便打印？

我有一个包含一些数据和内容的页面。我想做一个打印版本，将显示的内容和页脚，而不是担心太多的页眉

我读到了CSS的“@media print”功能，而不是仅仅为了打印而写另一个页面

首先，什么浏览器支持它？因为这是一个内部特性，所以只要最新的浏览器支持它就可以了

我正在考虑用一个“可打印”类标记一些DOM元素，并基本上应用“display:block”。这可行吗

我如何做到这一点

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

/* Print Style - SuccinctNate */

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

#footer {display:block;}

}

---

您的代码似乎是正确的。您可以将

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;}
 }

它与所有浏览器兼容。所以自信地使用它

---

查看更多信息：

太好了！，你刚刚帮我省了几个小时为这个CSS绞尽脑汁