CSS裡的@page是不是用來列印的?其效果如何?
CSS裡的@page 是不是用來列印的?用IE無法顯示其效果?
如果可以顯示效果請給個具體的例子
查不到@page的用途,建議你看看以下內容:
使用CSS,定義一個.no print的class,將不列印的內容放入這個class內。 詳細如下:
<style media=print type="text/css"> .noprint{visibility:hidden} </style>
登入後複製
要列印的內容。哈哈!
<p class="noprint">
登入後複製
將不列印的程式碼放在這裡。
</p> <a href="javascrīpt:window.print()" target="_self">打印</a>
登入後複製
第二種方法:指定列印區域 把要列印的內容放入 span或div,然後透過一個函數列印。
<span id='div1'>把要打印的内容放这里</span> <p>所有内容</p> <div id="div2">div2的内容</div> <a href="javascrīpt:printme()" target="_self">打印</a> <scrīpt language="javascrīpt"> function printme() { document.body.innerHTML=document.getElementById('div1').innerHTML+'<br/>'+document.getElementById('div2').innerHTML; window.print(); } </scrīpt>
登入後複製
如果要列印的只是整個頁面中的一小部分,就最好採用第二種方法。
第三種方法:如果要列印的頁面排版和原web頁面相差很大,採用此種方法。 點印按鈕彈出新窗口,把需要列印的內容顯示到新窗口中,在新窗口中呼叫window.print()方法,然後自動關閉新窗口。
以上是CSS裡的@page是不是用來列印的?其效果如何?的詳細內容。更多資訊請關注PHP中文網其他相關文章!
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章
Windows 11 KB5054979中的新功能以及如何解決更新問題
3 週前
By DDD
如何修復KB5055523無法在Windows 11中安裝?
2 週前
By DDD
Inzoi:如何申請學校和大學
4 週前
By DDD
如何修復KB5055518無法在Windows 10中安裝?
2 週前
By DDD
Roblox:Dead Rails - 如何召喚和擊敗Nikola Tesla
1 個月前
By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

關於Flex佈局中紫色斜線區域的疑問在使用Flex佈局時,你可能會遇到一些令人困惑的現象,比如在開發者工具(d...
