如何禁止列印頁面_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)!