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

Question

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

当我单击打印链接时，是否有 javascript 或 HTML 代码会隐藏链接按钮？

例子：

  "Good Evening"
 Print (click Here To Print)

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

原文由 sourav 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

在您的样式表中添加：

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

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

原文由 Diodeus - James MacFarlane 发布，翻译遵循 CC BY-SA 4.0 许可协议