打印页面时隐藏HTML div

Question

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

有没有办法在打印页面时设置打印区域，或者唯一可行的解决方案是在单击“打印”按钮时打开没有管理信息的二级页面？

谢谢!

Answer 1

试试这个：

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

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

Answer 2

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

@media print {
    div.do-not-print {display: none;}
}

它将正常显示，但当您转到打印时，它将使用CSS类。

Answer 3

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

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

media="print“属性告诉浏览器使用特定的css文件。

在该文件中，您可以拥有

.admindetails{
   display:none;
}