禁止打印div及其内容

Question

我有一个打印页，我想放一个div，里面有一些关于如何打印页面的说明。我不希望在他们实际打印页面时出现此部分。

我如何使用CSS或JavaScript来实现这一点？

Answer 1

一种常见的方法是使用单独的CSS进行打印。您可以对所有媒体使用css，对打印媒体使用css：

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

在print.css中，只需将display:none放在div中即可。

戴维德

Answer 2

因为以前没有在这里说明过，所以你不一定需要一个外部样式表：

<style type="text/css" media="print">
 .hideMeInPrint { display: none; }
</style>

Answer 3

最简单的解决方案是将其添加到主CSS文件中。请注意，在链接CSS文件时，不应指定媒体属性(<link type="text/css" rel="stylesheet" href="/path/to/css.css" />)：

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