CSS裡的@page是不是用來列印的?其效果如何?

來源:互聯網
上載者:User
CSS裡的@page 是不是用來列印的?用IE無法顯示其效果?
如果可以顯示效果請給個具體的例子

查不到@page的用途,建議你看看以下內容:

使用CSS,定義一個.noprint的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()方法,然後自動關閉新視窗。

相關文章

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.