打印网页时如何隐藏元素？

Question

打印网页时如何隐藏元素？我的网页上有一个链接来打印网页。但是，链接在打印输出本身中也是可见的。当我单击打印链接时，是否有javascript或HTML代码隐藏链接按钮？例子： "Good Evening"  Print (click Here To Print)我想隐藏这个“打印”标签，当它打印文本“良好的夜晚”。“打印”标签不应显示在打印输出本身。

Answer 1

在样式表中添加：

@media print{    
    .no-print, .no-print *
    {
        display: none !important;
    }}

然后添加class='no-print'(或将非打印类添加到现有的类语句中)在HTML中，您不希望出现在打印版本中，例如按钮。

Answer 2

最好的做法是专门用于打印的样式表，并将其设置为media属性为print.

在其中，显示/隐藏要打印在纸上的元素。

<link rel="stylesheet" type="text/css" href="print.css" media="print" />

Answer 3

引导3它的自己类的名为：

hidden-print

其定义如下：

@media print {
  .hidden-print {
    display: none !important;
  }}

你不需要自己来定义它。

---

在……里面自举4这已改为：

.d-print-none