_yangyi 2021-07-26 16:38 采纳率: 60%
浏览 332
已结题

前端调浏览器打印功能,样式怎样修改?

img
这是我调的window.print()方法,正确的应该是要打印的东西在页面中间

  • 写回答

4条回答 默认 最新

  • CSDN专家-showbo 2021-07-26 17:17
    关注

    检查是否单独设置过打印样式,隐藏一些不需要打印项目,或者设置打印对象的显示位置之类的。有帮助麻烦点个采纳【本回答右上角】,谢谢~~

    示例

    
    <style>
        body{margin:0}
        @media print {
        #content{text-align:center;width:100%!important}/*设置内容居中并且宽度100%*/
        #aside{display:none}/*隐藏不需要打印部分*/
        }
    </style>
    <div style="width:60%;height:100vh;float:left;background:#999" id="content">要打印的部分</div>
    <div style="width:40%;float:right;background:#f1f1f1;height:100vh" id="aside">这块不需要打印</div>
    
    

    更多打印设置参考这篇文章:https://www.html.cn/archives/4731/

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
  • 你好!机器人 2021-07-26 16:45
    关注

    var body = document.body.innerHTML;//先获取当前页的html代码
    document.body.innerHTML = document.querySelector(dom).innerHTML;//需要打印的页面
    window.print();
    document.body.innerHTML =body;//打印完成之后,还原界面

    评论
  • 关注

    你调用打印的时候要用JS或者标签库动态生成html页面。

    评论
  • _yangyi 2021-07-26 16:55
    关注

    期望的样子
    img

    评论
查看更多回答(3条)

报告相同问题?

问题事件

  • 系统已结题 8月4日
  • 已采纳回答 7月27日
  • 创建了问题 7月26日

悬赏问题

  • ¥15 AD20 PCB板步线 这个要怎么步啊
  • ¥50 关于《奇迹世界》1.5版本,数据修改
  • ¥15 请问这个问题如何解决(关键词-File)
  • ¥50 visual studio 2022和EasyX图形化界面
  • ¥15 找一下报错原因,纠正一下
  • ¥50 Cox回归模型Nomogram图制作报错
  • ¥20 SQL如何查询多级用户的数据
  • ¥15 给车牌识别代码加一个识别轮廓长宽比的代码
  • ¥30 商品价格预测的transformer模型优化
  • ¥15 SQL中的图片,无法传回php到前端。没有任何报错。