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