美文网首页
window.print 打印单页或者多一页的 问题解决方法

window.print 打印单页或者多一页的 问题解决方法

作者: 想成为咸鱼的张三 | 来源:发表于2020-01-03 10:45 被阅读0次

    问题一 项目使用window.print() 打印预览只有一页
    答案:把你app.vue中和页面中的 overflow 属性都改成 visible 要不然 window.print()这个方法看不到页面多余的地方

    问题二 项目使用window.print() 不能按自己的想法分页
    答案:

    //使用css属性page-break-before:always; 就可以完成强制分页分页
    <div style="page-break-before:always;"> 这是第一页</div>
    <div> 这是第二页</div>
    

    问题三 项目使用window.print() 打印预览时会多一页
    答案 :据我估计 最后一页打印的是 html 和body 标签 建议 当前页面高度不要给100%或者 100vh 给个99.95% 或者 99.95vh 给这两个标签一个面子 (实测有效)

    相关文章

      网友评论

          本文标题:window.print 打印单页或者多一页的 问题解决方法

          本文链接:https://www.haomeiwen.com/subject/ficzoctx.html