如何禁止列印頁面_CSS/HTML
如何禁止列印頁面_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）！
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
為什麼Flex佈局中的紫色斜線區域會被誤認為是'溢出空間”？
Apr 05, 2025 pm 05:51 PM
關於Flex佈局中紫色斜線區域的疑問在使用Flex佈局時，你可能會遇到一些令人困惑的現象，比如在開發者工具（d...
