由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

回答

相关问题