如何禁止打印頁面
更新時間：2006年08月26日 00:00:00 作者：
解決思路：
要真正禁止打印頁面是辦不到的，但是如果能設置讓用戶打印到的是空白，也算是實現(xiàn)禁止打印的目的了。
具體步驟：
代碼示例：
<html>
<head><title>不可打印的頁面</title>
<style>
@media print{
body{display:none}
}
</style>
</head>
<body>
文檔主要內容
</body>
</head>
注意：@media print{}規(guī)則中所定義的CSS僅對打印時的頁面生效。
技巧：在很多論壇中在打印帖子時都是用一個專門的頁面來實現(xiàn)，如果能熟練運用@media print{}規(guī)則，就不用單獨做一個打印用的頁了。
提示：
@media print{}規(guī)則中可以用來代碼print的還有all和screen。
類似@media的規(guī)則如表2.2.1所示。
規(guī)則說明
@import指定導入的外部樣式表及目標媒體。該規(guī)則必須在樣式表頭部最先聲明
@charset在外部樣式表文件內使用。指定該樣式表使用的字符集。
@font-face設置嵌入HTML文檔的OpenType字體(需IE5+支持)
@media指定樣式表規(guī)則用于指定的媒體類型(需IE5.5+支持)
特別提示
運行本例代碼，然后打印網(wǎng)頁，打印結果將不包括"文檔主要內容"。
特別說明
本例主要運用了@media規(guī)則來定義頁面對于打印時應用的樣式，print意思是所定義的CSS應用于打印機，類似的print媒體類型還有：
all 應用于所有類型的設備
screen 應用于計算機的顯示器
要真正禁止打印頁面是辦不到的，但是如果能設置讓用戶打印到的是空白，也算是實現(xiàn)禁止打印的目的了。
具體步驟：
代碼示例：
<html>
<head><title>不可打印的頁面</title>
<style>
@media print{
body{display:none}
}
</style>
</head>
<body>
文檔主要內容
</body>
</head>
注意：@media print{}規(guī)則中所定義的CSS僅對打印時的頁面生效。
技巧：在很多論壇中在打印帖子時都是用一個專門的頁面來實現(xiàn)，如果能熟練運用@media print{}規(guī)則，就不用單獨做一個打印用的頁了。
提示：
@media print{}規(guī)則中可以用來代碼print的還有all和screen。
類似@media的規(guī)則如表2.2.1所示。
規(guī)則說明
@import指定導入的外部樣式表及目標媒體。該規(guī)則必須在樣式表頭部最先聲明
@charset在外部樣式表文件內使用。指定該樣式表使用的字符集。
@font-face設置嵌入HTML文檔的OpenType字體(需IE5+支持)
@media指定樣式表規(guī)則用于指定的媒體類型(需IE5.5+支持)
特別提示
運行本例代碼，然后打印網(wǎng)頁，打印結果將不包括"文檔主要內容"。
特別說明
本例主要運用了@media規(guī)則來定義頁面對于打印時應用的樣式，print意思是所定義的CSS應用于打印機，類似的print媒體類型還有：
all 應用于所有類型的設備
screen 應用于計算機的顯示器
相關文章
本文將介紹一種CSS配合SVG濾鏡實現(xiàn)各種不規(guī)則圖形添加邊框的小技巧，感興趣的同學，可以參考下。2021-05-05
CSS圖片翻轉菜單...2006-09-09
css實現(xiàn)氣泡框效果,網(wǎng)上有很多種JS框架都提供這種功能，為了學習這種效果，今天我們自己用CSS寫一個氣泡效果。2013-10-10
css white-space:nowrap屬性用法（可以強制文字不換行輸出）
css強制文字不換行，可給指定的容器增加white-space:nowrap即，下面把CSS示例寫給大家,很簡單2013-11-11
小編最近學習了一下高德地圖web版的使用,總結了一下高德基礎控件的應用,高德地圖是開源可編輯的,方法不是很難,有興趣的朋友可以試一試自己編輯一下.2018-05-05
表單是Web頁面上負責用戶輸入與服務器端數(shù)據(jù)交互的最基礎方式,這里我們針對最基本的表單內容顯示,來看一下HTML的form表單標簽用法學習教程2021-07-07
CSS3實例分享之多重背景的實現(xiàn)(Multiple backgrounds)
對于背景屬性background-image大家應該已經很熟悉了，在CSS2中與它相關的屬性還有background-repeat（設置背景是否重復及重復的方式）、background-position（設置背景圖片在容器中的位置）、background-attachment（設置背景是否隨頁面一起滾動），通過這些屬性來控制背景圖片在容器中如何顯示，但我們也只能為容器提供一張背景圖片，如果我們想讓一個容器的背景用多張圖片實現(xiàn)，那么我們該如何去做呢？再在容器里添加一些無用的元素嗎？2014-05-05
一些不標準的東西，不過還是有點用處...2006-09-09
如何設置網(wǎng)頁的背景為透明...2006-10-10
alt屬性和title屬性...2006-09-09