打印html页面出现空白段落问题

2019独角兽企业重金招聘Python工程师标准>>>

这两天我做了一个报告页面，然后出现一个莫名其妙的问题。每一个page都有几行空白。如图所示

类似这样的问题。找了好久，然后发现我这边有个头部，里面是打印按钮。例如

<style type="text/css" media="print">
.print-button{
display: none;
}
</style>
<script>
function print(){
window.print();
}
</script>
<div class=“control-tool”>
    <div class=“print-button”>
    <button onclick="print()">打印</button>
    </div>
</div>

然后我尝试把control-tool全部隐藏掉。页面打印预览就正常了。

转载于:https://my.oschina.net/zhangyafei/blog/882358