防止div及其内容被打印

Question

我有一个打印页面,我想在div中添加一些如何在其中打印页面的说明.我不希望在实际打印页面时显示此部分.

我如何使用CSS或JavaScript实现这一目标？

Answer 1

一种常见的方法是使用单独的CSS进行打印.您可以拥有所有媒体的CSS和一个用于打印的CSS:

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

在print.css中只需将div:none放在div上.

达维德

Answer 2

由于之前没有说明,因此您不一定需要外部样式表:

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

Answer 3

最简单的解决方案是在主CSS文件中添加它.请注意,链接CSS文件时,不应指定media属性(<link type="text/css" rel="stylesheet" href="/path/to/css.css" />):

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