jq打印 调用浏览器自带打印

项目中有时需要打印表格 或者文档
php可以先生成pdf再打印,但是很耗资源,并且不好排版
可以利用浏览器自带的打印功能
如谷歌浏览器 右键 打印


print.png

其他浏览器也一样

先写好html页面


微信图片_20181214162702.png

重点css

//这里是分页和限制每页为A4尺寸
   @page {
      size: A4;  /* auto is the initial value */
      size: A4 landscape;;  /* auto is the initial value */
      margin: 0; /* this affects the margin in the printer settings */
        text-align: center;
    }

    @media print{
        .box{
            size: A4;
            page-break-before: always;
           /* width: 210mm;
            height:297mm;*/
        }

    }

html页面

....

//上方写好的css,注意 media="print" 才会生效
.....

全国专业人才储备职业技能鉴定准考证

。。。。 //要打印的区域 。#print

js 引用query.PrintArea.js 或用原生js 打印




点击打印就可以了


0181214163703.png

你可能感兴趣的:(jq打印 调用浏览器自带打印)

姓 名

{{ $item['username'] }}

性别