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

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/

Answer 2

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

Answer 3

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

Answer 4

期望的样子