Html在打印中不可见

Question

如何使该文本在网页上可见但在打印网页中不可见。我无法使用媒体查询。

Answer 1

您将需要定义一个打印的css文件。

看一看http://coding.smashingmagazine.com/2011/11/24/how-to-set-up-a-print-style-sheet/

你只需要包括两个不同的CSS文件（我的首选方法）：

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

Answer 2

即使你的状态，你不能使用媒体查询，你也许能创建一个单独的样式表进行打印。

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

如果你可以使用JavaScript，绝对不能用上面的，你可以添加一个类，不应该打印所有的东西（如class='no_print'），当您单击打印选项使用JavaScript来另一个类分配给no_print使他们看不见。

例如使用jQuery

$('.no_print').addClass('hide'); 

或CSS做直接

$('.no_print').css('visibility','hidden'); 

Answer 3

你可以用文本的元素中，并给它一个类。例如，如果文本还没有可添加类的元素，则可以添加一个范围。

<span class="printInvisible">This is a text</span> 

然后，您可以定义打印的CSS（你不需要为这个媒体查询）有：

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

而且在这个样式表来隐藏它定义你的班级为不可见，像：

.prinitInvisible { 
    visibility: hidden; 
} 

或

.prinitInvisible { 
    display: none; 
}