Question

我必须在每个页面打印带有自定义标题的网页，下面是我的打印媒体CSS代码

IOrderedDictionary<TK,TV>

HTML代码是：

  @media screen {
      header.onlyprint, footer.onlyprint,.watermark{
          display: none; /* Hide from screen */
      }

  }
  @page {
    size:A4;

 }
  @media print {
    @page {
            size:auto;
            margin-top:2mm;

   }
   html{
     margin-top: 20mm;
   }
    header.onlyprint {
        position: fixed; /* Display only on print page (each) */
        top: 0; /* Because it's header */
        margin-top: 0;
    }
  }

但问题只出在第一页，徽标正确打印，从第二页开始，徽标与正文内容重叠。从第二页开始，HTML的CSS无效。

Answer 1

似乎只能用CSS正确实现此任务。

我在这里使用表找到了IE和Firefox的解决方法：http://www.jessicaschillinger.us/2017/blog/print-repeating-header-browser/

该链接内容的快速摘要：IE和Firefox将在每个打印页面上重复<thead>元素，而<tbody>将连续打印而不会重复。

使用打印模式css打印网页时页眉和正文内容重叠

1 个答案: