很简单,引入以下CSS即可:
<style>
/* 分页符 */
.print_gap{page-break-before: always;}
.print_gap .gap_line {height: 1px; background: #e5e5e5; margin: 40pt 0 30pt; }
/* 浏览器打印预览及最终打印的样式 */
@media print{
/* 去除页眉页脚 */
@page { margin: 0;}
body{width:580pt; margin: 0 auto; padding: 0 30px; height: auto;}
.print_page .print_item{padding-top: 15pt;}
.app_sidebar, .app_topbar, .fixed_head { display: none; }
.app_main, .app_main .main, #page{padding: 0;}
.print_gap .gap_line{margin: 0; visibility: hidden;}
.noprint { display: none; }
input.text{border:none;}
input.text::placeholder{visibility: hidden;}
}
</style>
最主要的css就3处,可以自己试试。
/* 分页符 */
.print_gap{page-break-before: always;}
/* 浏览器打印预览样式hack */
@media print{}
/* 去除页眉页脚 */
@page { margin: 0;}
放张预览图,有图有真相:
标签:app,gap,页眉,移除,print,JS,margin,page From: https://www.cnblogs.com/pannysp/p/16620531.html