Fatal编程技术网
  • html/
  • Html css打印

Html css打印

html

Html css打印,html,Html,当我使用css打印成pdf格式时，例如我的网页内容，它打印的内容比我需要的要多，比如页眉、页脚、我的网页、标签、日期。。。等等我不想打印的 以下是一个例子： <html> <body> <img src="Snapshot_20120326.jpg"/> <h1>Mezoo</h1> <h2>The big member</h2> <button o

当我使用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>


梅祖
大会员
打印
h1，img{
显示：块；
}
h2，按钮{
显示：无；
}
您可以在链接上使用媒体标签

<link rel="stylesheet" href="print.css" type="text/css" media="print" />
打印css可以关闭您不想看到的内容的可见性。

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

例如，要隐藏标题：

@media print {
.header, .hide { visibility: hidden }
}
您可以在此处了解有关媒体样式的更多信息：

您的示例有点混乱，您可能应该修复它。。。但首先，把你的样式表放在
标题中，而不是
正文中，它不应该放在正文中。记住接受正确的答案可能会有帮助