我是否需要不同的html頁面進行打印？

Question

我有一個打印機友好的頁面，除了頁眉和頁腳。我可以添加只打印頁面正文並且沒有彩色背景的打印按鈕嗎？或者我需要將它們鏈接到一個新頁面，然後讓它們再次點擊打印？如果我能避免，我寧願不介紹這些額外的步驟。

Answer 1

我是否需要不同的html頁面進行打印？

沒必要。您可以使用不同的print CSS，這將在打印時專門使用。這裏面的CSS，你可以在頁面上不同的個性化元素的外觀：

<link rel="stylesheet" type="text/css" media="print" href="print.css" /> 

的media="print"意味着打印時，這個CSS將只適用。

您還可以結帳print.css庫。

Answer 2

你可能想看看使用打印樣式表。

這裏是一個鏈接，可以幫助

http://line25.com/tutorials/handy-tips-for-creating-a-print-css-stylesheet

這是我建議這種方法可以讓你的樣式表分離的屏幕和打印的路線。

Answer 3

您可以通過CSS完成此操作，只需設置要打印的介質即可。

@media print 
{ 
    /* Print specific styles go in the braces */ 
} 

Answer 4

我可以添加一個打印按鈕，打印頁面的只是身體，並 沒有彩色背景？

您可以通過設置打印機指定樣式：

@media print { 
.print { 
    background:#fff; 
    } 
} 

應用print類要改變印刷的行爲元素。

Answer 5

只需添加print media stylesheet即可。

無需添加自己的按鈕或創建重複的頁面。瀏覽器的打印控件非常好。

Answer 6

您可以添加新的特定於打印的樣式表，並在該樣式表中隱藏用戶打印頁面時不想顯示的所有元素。

下面是關於如何做一個方便的鏈接：

http://meyerweb.com/eric/articles/webrev/200001.html

Answer 7

最好是寫print.css並指定你想要的打印和你不想要什麼。

見鏈接

• http://printstylesheet.com/
• http://line25.com/tutorials/handy-tips-for-creating-a-print-css-stylesheet
• http://www.onextrapixel.com/2009/05/05/how-to-create-a-simple-print-css-for-your-site/
• http://www.intensivstation.ch/en/css/print/

Answer 8

所有你需要做的（如達林指出的）是增加一個CSS文件您的打印佈局。您需要使用正確的media類型，以確保您的CSS文件只要求印刷：

Answer 9

這是怎麼了，我通常與一些jQuery的做到這一點：

$(function(){ 
// Hook the print link 
$("a").attr("href", "javascript:void(0)").click(function(){ 
// Print the DIV that you want to be printble 
// Maybe you want to change the style of that printable div. 
    $(".printable").print(); 
// Cancel click event. 
return(false); 
}); 
}); 

的想法是，你有一個想要打印的div，你勾住了打印按鈕，然後用div去做任何你想要的東西，然後打印出來。

Answer 10

你可以嘗試這樣的事情：

@media print { 
    body { 
     background-color: white 
    } 

    div.header, 
    div.footer { 
     display: none 
    } 
}