读书人

web 页面分页打印的兑现

发布时间: 2013-01-18 10:22:42 作者: rapoo

web 页面分页打印的实现

--------------------隐藏不打印的页面元素和分页 ------------------------------
CSS 有个Media 属性,可以分开设置打印和显示的格式。
如 <style media="print" type="text/css"> …</style> 中间的格式将只在打印时起作用,不会影响显示界面。
所以可以设定
<style media="print" type="text/css">
.Noprint{display:none;}
.PageNext{page-break-after: always;}
</style>
然后给不想打印的页面元素添加: class="Noprint" ,那就不会出现在打印和打印预览中了。
想分页的地方添加: <div class="PageNext"></div> 就可以了。




原文地址:http://www.jb51.net/article/18735.htm

读书人网 >Web前端

热点推荐