由css打印

當我使用css打印成PDF格式，例如。我打印的網頁內容比我需要的頁眉，頁腳，比如我的網頁，標籤，日期......等我不想打印的內容？由css打印

下面是一個例子：

<html> 
    <body> 
    <img src="Snapshot_20120326.jpg"/> 
    <h1>Mezoo</h1> 
    <h2>The big member</h2> 
    <button onclick="window.print();">print</button> 
    <style media="print"> 
     h1 ,img { 
     display: block; 
     } 

     h2, button{  
     display: none;  
     }  
    </style>  
    </body> 
</html>

來源

2012-03-28 Moaataz

你的例子有點搞砸了，你應該把它修好......但是一開始，把你的樣式表放在'head'而不是'body'中，這不是假定的去體內。 – joshuahealy 2012-03-28 00:10:35

這可能是有幫助的 [http://stackoverflow.com/questions/9423392/print-css-not-working-correctly/9423423#9423423](http://stackoverflow.com/questions/9423392/print-css-不正常工作/ 9423423＃9423423） – Dips 2012-03-28 00:11:20

要記住接受正確答案 – 2013-04-19 12:45:51

您可以使用媒體標籤的鏈接。

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

然後，print css可以關閉您不想看到的東西的可見性。

來源

2012-03-28 00:09:53

而不是風格？ – Moaataz 2012-03-28 00:12:28

它可能會是最好設置在單獨的CSS樣式表@media打印樣式...

因此，舉例來說，隱藏標題：

@media print { 
.header, .hide { visibility: hidden } 
}

您可以瞭解更多有關媒體造型在這裏：http://www.w3.org/TR/css3-mediaqueries/

來源

2012-03-28 00:17:12 ERose

回答

相關問題