网页打印

方法: window.print()
print() 方法用于打印当前窗口的内容。

打印样式:
/* 样式将只应用于打印 */
@media print {
    body {
      color: #000;
      background: #fff;
   }
 
}
  • 控制打印设置选项
该@page规则允许您指定页面的各个方面。例如,你将要指定页面的尺寸。页边 距,页眉页脚等都是非常重要的。[很多浏览器均己支持]

@PAGE规则纸张大小设置

通过下面这条CSS您可以设置纸张大小,5.5英寸宽,8.5英寸高.

@page {
  size: 5.5in 8.5in;
}
  
你还可以通过别名控制纸张大小,如"A4"或“legal.”

@page {
  size: A4;
}

你还可以控制打印方向, portrait: 纵向打印地,  landscape: 横向 

@page {
  size: A4 landscape;
}

打印功能的问题

新窗口打开的页面中调用打印功能时,会阻塞主页面的js进程,因为新窗口和主页面公用一个线程。解决方法,在我的另一篇文章里面有说明:

地址: 新窗口打开页面的问题

转载于:https://www.cnblogs.com/koala0521/p/7275226.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值