隐藏不打印的页面元素和分页

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>+<div>下一页内容</div>

posted @ 2017-03-16 15:06  养鱼的老猫  阅读(401)  评论(0编辑  收藏  举报