首頁 > web前端 > css教學 > 如何禁止列印頁面_CSS/HTML

如何禁止列印頁面_CSS/HTML

PHP中文网
發布: 2016-05-16 12:12:09
原創
3341 人瀏覽過

如何禁止列印頁面_CSS/HTML

解決想法: 
要真正禁止列印頁面是辦不到的,但是如果能設定讓使用者列印到的是空白,也算是實現禁止列印的目的了。 
特定步驟: 
程式碼範例: 

<html>  
<head><title>不可打印的页面</title>  
<style>  
@media print{  
body{display:none}  
}  
</style>  
</head>  
<body>  
文档主要内容  
</body>  
</head>
登入後複製

注意:@media print{}規則中定義的CSS僅對列印時的頁面生效。  
技巧:在許多論壇中在列印貼文時都是用一個專門的頁面來實現,如果能熟練運用@media print{}規則,就不用單獨做一個印刷用的頁了。  
提示:  
@media print{}規則中可用來程式碼print的還有all和screen。  
類似@media的規則如表2.2.1所示。  

規則說明  
@import指定導入的外部樣式表及目標媒體。此規則必須在樣式表頭部最先聲明  
@charset在外部樣式表檔案內使用。指定該樣式表所使用的字元集。
@font-face設定嵌入HTML文件的OpenType字體(需IE5+支援)  
@media指定樣式表規則用於指定的媒體類型(需IE5.5+支援)  


特別提示  
執行本範例程式碼,然後列印網頁,列印結果將不包括"文件主要內容"。

特別說明 

本例主要運用了@media規則來定義頁面對於列印時應用的樣式,print意思是所定義的CSS應用於印表機,類似的print媒體類型還有:  
all 應用在所有類型的裝置  

screen 應用於電腦上的顯示器 

以上就是如何禁止列印頁面_CSS/HTML的內容,以及更多相關內容請注意PHP網(www.php.cn)!


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板