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

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&nbsp;rel="stylesheet"&nbsp;type="text/css"&nbsp;href="print.css"&nbsp;media="print"&nbsp;/>

Answer 3

引导3它的自己类的名为：hidden-print其定义如下：@media&nbsp;print&nbsp;{ &nbsp;&nbsp;.hidden-print&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;display:&nbsp;none&nbsp;!important; &nbsp;&nbsp;}}你不需要自己来定义它。在……里面自举4这已改为：.d-print-none