Question

当我使用css打印成PDF文件时。我的网页内容打印得比我需要的更多，比如页眉，页脚，我的网页，标签，日期......等我不想打印的内容？！

以下是一个例子：

<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>

Answer 1

最好将@media打印样式设置在单独的CSS样式表中......

例如，要隐藏标题：

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

您可以在此处详细了解媒体样式：http://www.w3.org/TR/css3-mediaqueries/

Answer 2

您可以在链接上使用媒体标记。

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

然后，打印css可以关闭您不想看到的内容的可见性。

由css打印

2 个答案: