如何制作不出现在打印命令中的特定HTML标记


How to make a specific HTML tag which does not appear in print command?

我正在制作一个报表,其中有几个页面(从数据库条目中提取)。现在我使用:

<a href="getreport.php?id=<?php echo $id; ?>&page=1">Page 1</a>
 <a href="getreport.php?id=<?php echo $id; ?>&page=2">Page 2</a>
 <a href="getreport.php?id=<?php echo $id; ?>&page=3">Page 3</a>
 <a href="getreport.php?id=<?php echo $id; ?>&page=4">Page 4</a>
 <a href="getreport.php?id=<?php echo $id; ?>&page=5">Page 5</a>
 <a href="getreport.php?id=<?php echo $id; ?>&page=6">Page 6</a>
 <a href="getreport.php?id=<?php echo $id; ?>&page=7">Page 7</a>

链接其余的报表,但每当我发出打印命令时,页码和"href="getreport.php?id="都会显示在打印屏幕上。

有什么可能克服的方法吗?或者有其他切换到下一页的选项吗?

您可以为css提供一个公共类,用于在打印操作中隐藏的元素。例如,请为等元素提供一个名为"打印隐藏"的类

<a class='print-hide' href="getreport.php?id=<?php echo $id; ?>&page=1">Page 1</a>

并在css文件中使用css@media-print来隐藏元素。例如

  @media print
  {
      .print-hide {
        displdisplay: none;
      }
  }

关于href的出现,您可能会发现在打印媒体查询中的样式表中存在类似的样式。

a[href]:after {
    content: " (" attr(href) ")"
}

如果是这种情况,并且你想驾驭它,只需删除它。或者使用覆盖它

@media print{
    a[href]:after {
        content: "";
    }
}