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

Question

我的网页上有一个打印网页的链接。但是，该链接在打印输出本身中也可见。

是否有 javascript 或 HTML 代码可以在我单击打印链接时隐藏链接按钮？

例子:

 "Good Evening"
 Print (click Here To Print)

我想在打印文本“Good Evening”时隐藏此“Print”标签。 “打印”标签不应显示在打印输出本身上。

Answer 1

在你的样式表中添加:

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

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