web页面打印 用Css 打印指定div 指定位置分页

用Css指定打印标签

有两个地方需要注意:
1.CSS的@media print {}里面添加不需要打印(display:none) 和 要打印(display:block) 的DIV;
2.如果页面有导航条的话,最好给页面的导航条一个id,这样在打印的时候,才不会出现导航条

  <style>
    
        @media print {
          /*指定不显示的div*/
            .doc-comment {display: none;}
          /*指定显示的div*/
            .startPrinting {display: block;} 
         
    </style>

用Css指定位置分页

page-break-before(指定元素前添加分页符)

CSS page-break-after 属性


@media print {
    h1 {page-break-before: always;}

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值