浏览器打印 之 window.print() 设置打印样式和内容 |
您所在的位置:网站首页 › 打印样式添加怎么设置 › 浏览器打印 之 window.print() 设置打印样式和内容 |
项目中用的是谷歌浏览器,js 执行 window.print() 就会调用谷歌浏览器的打印功能。 打印其实打印的是整个当前网页,只是用媒体查询(@media print)把网页中要打印的内容做了显示,不打印的内容做了隐藏而已。 针式打印机由于存在失真问题,所以像有些边框颜色设置的比较浅的就没法打印出来,可以设置边框颜色深一点。 无标题文档 .printonly{ display:none } @media print{ input,.noprint{ display:none } .printonly{ display:block; width:50% } } /** .printonly{ display:none } 不能写到这里,会导致打印时printonly的内容也不显示 */ 这段打印时不显示 这段打印时会显示 This is print-only
|
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |