首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

web 页面分页打印的兑现

2013-01-18 
web 页面分页打印的实现 --------------------隐藏不打印的页面元素和分页 -----------------------------

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

热点排行