CSS里的@page是不是用来打印的？其效果如何？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了CSS里的@page是不是用来打印的？其效果如何？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1175字，纯文字阅读大概需要2分钟。

内容图文

查不到@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()方法，然后自动关闭新窗口。

以上就是CSS里的@page是不是用来打印的？其效果如何？的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的CSS里的@page是不是用来打印的？其效果如何？全部内容，希望文章能够帮你解决CSS里的@page是不是用来打印的？其效果如何？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端