网页打印的时候，去掉页眉和页脚的方法

直接上代码：

<!DOCTYPE html>
<html>
<head>
<style>
  @media print {
    @page {
      margin-top: 0;
      margin-bottom:0px;
    }
    body {
      margin-top: 100px;
    }
    p{display:none;}
  }
</style>
</head>
<body>
  <h1>这是一个测试页面</h1>
  <h1>这是一个测试页面</h1>
  <h1>这是一个测试页面</h1>
  <h1>这是一个测试页面</h1>
  <h1>这是一个测试页面</h1>
  <h1>这是一个测试页面</h1>
  <h1>这是一个测试页面</h1>
  <h1>这是一个测试页面</h1>
  <h1>这是一个测试页面</h1>
  <h1>这是一个测试页面</h1>
  
  
  <p>当你打印这个页面时，页眉将不会显示。p这一行也不会显示</p>
</body>
</html>

 

posted @ 2024-03-20 17:37  青山下  阅读(231)  评论(0)  编辑  收藏  举报