React 关于页面打印的问题

2017年7月18日 1.96k 次阅读 0 条评论 2 人点赞

css:

@media print {
    body * {
        visibility: hidden;
    }
    #section-to-print,
    #section-to-print * {
        visibility: visible;
    }
    #section-to-print {
        position: absolute;
        left: 0;
        top: 0;
    }
    .section-not-to-print {
        display: none;
    }
}

html:

 <div id="section-to-print">
       打印区域
      <div class="section-not-to-print> 打印区域不希望被打印的部分 </div>
 </div>

通过 window.print() 打印

<input type="button" onclick="window.print" value="print a div!" />
标签:
最后编辑:2018年6月29日

我就是我,是颜色不一样的烟火。

文章评论(0)