Html 隐藏文本以防打印

我这里有一个打印页：

如何隐藏底部的“关闭窗口”和“打印页面”链接，使其不被打印在打印页面上

@media print
{
  div.for_hide {
    display: none;
  }
}

或者，您可以通过包含

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

---

在html代码中。

您必须创建一个使用不同css的新样式表

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

你可以用这个。首先，在两个元素中添加一个类

noprint

：

<a class="noprint">foo</a>

---

您应该使用打印样式表，并通过设置

display:none

隐藏相关元素

通过在标题标记之间添加以下内容，可以包括打印页：

通常，您会将

媒体

属性设置为

屏幕

或类似设置

#print {
    display: none; 
}

<a class="noprint">foo</a>

@media print {
    .noprint {
        display: none;
    }
}