如何使用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