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

Question

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

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

首先，哪些浏览器支持它？由于这是内部功能，因此只有最新的浏览器支持它才行。

我正在考虑用一个“可打印”类标记几个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