新闻资讯

精品主题,实战科普,最新行业热点话题,随时掌握云上咨讯。

当前位置:首页 >新闻资讯 >行业动态
CSS控制网页打印的几个技巧:网页打印分页和网页打印隐藏控制
来源:中科服    发布时间:2014-12-15    文章分类:行业动态     分享:

      B/S结构的系统想要控制打印还是远比过去C/S的要困难一些,格式上调整比较麻烦。最近icech接触了几个客户的需求,要求网页打印,如何能在保持现有程序不变的前提下,实现一些打印的需求呢?下面介绍几个CSS控制打印的技巧。

      1、隐藏不需要打印的部分

      @media print是CSS 2.1引入的media types的其中一个属性,针对打印机的控制。具体的说明可以搜索一下,这个算比较常见的CSS用法了。

      打印过程中调用不同的CSS

      @media print {
      @import   "print.css"
       }

      网页正常浏览的时候使用其他css,当打印的时候,会增加一个print.css的CSS文件。

      影藏不需要打印的部分

      @media print {
       .noprint { display: none }
       }

      使用方法    

      我是需要打印的内容。但是不想打印出按钮

      2、打印分页控制

      控制打印分页也有专门的CSS属性“page-break-after”,所有的浏览器都支持以下的用法:

      @media print {
       .nextpage {page-break-after:always;}
       }    

      这里显示第一页

      以上的介绍我们总结一下,写全一个代码,大家可以试一下看看效果。        

      我是需要打印的内容。但是不想打印出按钮


      
返回列表

你知道你的Internet Explorer是过时了吗?

为了得到我们网站最好的体验效果,我们建议您升级到最新版本的Internet Explorer或选择另一个web浏览器.一个列表最流行的web浏览器在下面可以找到.