如何禁止列印頁面_CSS/HTML

來源:互聯網
上載者:User
如何禁止列印頁面_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的內容,更多相關內容請關注topic.alibabacloud.com(www.php.cn)!

  • 相關文章

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.