如何在打印网页时删除页眉和页脚信息

Question

我正在尝试下面显示的代码。但我仍然在打印页面上得到页眉和页脚。

显示我尝试了很多css元素，但我无法删除页眉和页脚

 <style type="text/css" media="print">
  @media print {
    Header {
      display: none !important;
    }
    Footer {
      display: none !important;
    }
    #lrno {
      font-size: 20pt;
      position: absolute!important;
      top: 25px;
      left: 30px;
    }
    #consignor {
      font-size: 30pt;
      position: relative;
      top: 70px;
      left: 0px;
    }
    #consignee {
      font-size: 33pt;
      position: relative;
      top: 9px;
      left: 590px;
    }
  }

</style>




<div id="lrno">
  <?php echo  $sel['lrno']; ?>
</div>
<div id="consignor">
  <?php echo  $sel['cr_name']; ?>
</div>
<div id="consignee">
  <?php echo  $sel['ce_name']; ?>
</div>
<div>
  <button class="btn btn-small red" onclick="PrintDiv()"></button>
</div>

打印时我正在获取页脚

Answer 1

据我所知，浏览器的页眉和页脚可以从浏览器本身设置。在Firefox上，您可以从File - ＆gt;访问页面设置然后保证金＆amp;页眉/页脚选项卡，然后在页眉/页脚部分设置“--blank--”。

Answer 2

将此类添加到页眉和页脚

此媒体查询对我有用

  

@media print {
      .no-print，.no-print *       {           显示：无！重要;       }}