|
要真正禁止打印頁面是辦不到的,但是如果能設置讓用戶打印到的是空白,也算是實現禁止打印的目的了。
具體步驟:
代碼示例:
<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 應用于計算機的顯示器
HTML/CSS技術:如何禁止打印頁面,轉載需保留來源!
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。