打印頁面時隱藏HTML div

我有一個包含管理信息的基於XHTML的頁面。管理員應該能夠打印該頁面，但我希望它能隱藏他們的信息。打印頁面時隱藏HTML div

打印頁面時是否有設置打印區域的方法，或者是單擊「打印」按鈕時打開沒有管理信息的輔助頁面的唯一可行解決方案？

謝謝！

2012-08-31 steeped

試試這個：

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

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

2012-08-31 15:22:17 nickel715

美麗！謝謝！ – steeped

這是一個偉大而簡單的方法來做到這一點，但它不能在IE8上工作！... – TheCuBeMan

但是從一般的瀏覽器視圖來看，elelmnt也完全消失。如何使它在網站上可見，但是當我想打印這個讓打印機忽略它而不重定向到其他網站？ – arrowman

添加print.css到你的頁面中，您可以隱藏所有你不想要的元素要打印

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

媒體=「打印」屬性告訴瀏覽器使用特定的CSS文件。

在該文件中，你可以有

.admindetails{ 
    display:none; 
}

2012-08-31 15:16:57

您可以使用該分區的CSS設置爲display: none如下：

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

它會正常顯示，但是當你去打印，它將使用該CSS類。

2012-08-31 15:18:50 Gary

，當然，你可以添加不同勢樣式表進行打印，請參見下面的例子

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

或退出樣式表，你可以添加媒體查詢

@media print { 
    .no-print {display: none;} 
}

並添加.no-print類，您不想打印HTML元素

2017-01-02 08:39:36

回答