打印页面时隐藏HTML div

打印页面时隐藏HTML div,html,css,printing,xhtml,stylesheet,Html,Css,Printing,Xhtml,Stylesheet,我有一个基于XHTML的页面,其中包含管理员信息。管理员应该能够打印页面,但我想它隐藏他们的信息 打印页面时是否有办法设置打印区域,或者单击“打印”按钮时打开没有管理员信息的辅助页面是唯一可行的解决方案 谢谢大家! 将print.css添加到页面中,在该页面中隐藏所有不希望打印的元素 <link rel="stylesheet" href="print.css" type="text/css" media="print" /> 您可以使用以下命令将该div的CSS设置为displa

我有一个基于XHTML的页面,其中包含管理员信息。管理员应该能够打印页面,但我想它隐藏他们的信息

打印页面时是否有办法设置打印区域,或者单击“打印”按钮时打开没有管理员信息的辅助页面是唯一可行的解决方案


谢谢大家!

将print.css添加到页面中,在该页面中隐藏所有不希望打印的元素

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

您可以使用以下命令将该div的CSS设置为
display:none

@media print {
    div.do-not-print {display: none;}
}
它将正常显示,但当您转到打印时,它将使用该CSS类。

尝试以下操作:

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

<div class="dontprint">I'm only visible on the screen</div>

dontprint先生
{显示:无;}
我只在屏幕上可见

当然,您可以添加不同的样式表进行打印,请参见下面的示例

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

和add.no print类,在该类中,您不希望打印HTML元素,但元素也会从通用浏览器视图中完全显示。如何使它在网站上可见,但当我想打印此文件时,使打印机忽略它而不重定向到其他网站?
<link href="print.css"  rel="stylesheet" type="text/css" media="print" />
@media print {
    .no-print {display: none;}
}