前端调浏览器打印功能，样式怎样修改？

Question

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

Answer 1

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

示例

<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/