Print js踩坑之路

已于 2023-07-18 11:53:05 修改
阅读量224 收藏
点赞数
分类专栏： 前端 print.js 文章标签： 前端 js
于 2023-06-15 19:54:15 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35084280/article/details/131234642
版权

1. 使用page-break-after:always实现页面分页打印

2.出现空白、内容缺失、图片顺序错乱和覆盖的问题？

解决方案就是通过table对内容进行布局，div布局容易出现浮动覆盖的问题

3.部分页面出现内容换行、遮盖其他行内容?,而且只有部分电脑会出现这个问题？

这时候给换行的单元格给一个固定宽度就解决了

V2_wan
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery.print.js
07-22
jQueryPrint.js打印网页jQueryPrint.js打印网页JS，很好用，可以指定打印网页上特定的资源！
原生JS打印插件之jQuery.EasyPrint.js使用文档
07-21
原生JS打印插件之jQuery.EasyPrint.js使用文档 调用浏览器自带打印功能，使用JavaScript的 window.print(); 方法。 使用JS实现打印功能；JavaScript 实现打印操作；javascript打印大全；通用；js实现打印的方式；JS怎么实现页面打印呢？JavaScript 实现打印,打印预览,打印设置；JS打印和报表输出；原生js打印插件Print.js；js控制分页打印、打印分页示例；js 打印插件；js使用window.print()实现打印功能；代码仅5kb； 自主研发的一个轻量级超简单的js打印插件。
printjs打印踩坑
博客
02-28 373
一：打印element-table，当表格内容行过多时，表头和表格body分离，表格另开一页。
vue print-js 解决 打印分页问题
weixin_42393719的博客
04-13 9244
前后尝试了 两个插件vue-print-nb、vue-easy-print ，都不行。最后选择了 print-js。 不多说了，贴整个代码 <template> <div class="table-data"> <div class="search-box"> <el-row> <el-col :span="24"&g...
原生JS使用PrintJs进行表格打印 -- 遇到的问题总结
努力的nana
02-08 562
因为表头能重复显示，所以我是直接。，然后给一个高度进行样式的调整。标签，使用空格来进行高度占位。
使用那各VUE的打印功能（print.js）出现多打印一个空白页的问题
岁末zzz的博客
08-03 3176
最近这段时间，用VUE写东西，有个打印功能。 百度了一下，铺天盖地的VUE打印的两种实现方法。 很感激这些千篇一律的帖子，虽然不知道他们是否真的用过，还是只是复制粘贴。 至少这些帖子告诉我，是有两个可以选择的，并且多看几篇帖子，总算把这两个打印方法，都试了一遍。 下面简单总结一下： 先说结论：请使用第二种方法，下载print.js到本地，然后放到项目中导入。原因后边说。 一、使用vue-print-nb方法 具体的使用这里就不详细说明了，因为网上真的太多太多了。千篇一律的。 在本地直接npm安装一下就好。按
【Vue】Vue 使用 Print.js 打印选中区域的html，用到的是Element ui table表格，解决页面样式不出现或者table表格样式错乱问题！！！
蓝胖子的博客
02-24 1万+
【Vue】Vue 使用 Print.js 打印选中区域的html，用到的是Element ui table表格，解决页面样式不出现或者table表格样式错乱问题！！！
vue使用print.js详解（打印不全、样式丢失等）
热门推荐
落花生
07-12 1万+
首先网上已经有很多使用步骤，比如 https://www.jianshu.com/p/c5363ddf7d43 相关链接：pringt.js github地址里面也有使用说明 主要记录以下使用时发现的问题： 1.样式问题 我使用的element组件，发现分栏布局 xs\md\lg没有效果。我想大概这种组件封装的样式使用都有点问题。从这思路去入手解决吧。我看了许多，目前好像没有什么好的解决样式的方法。（我的改动不大，把css改成了本地媒体查询显示百分比。当然打印时，只使用基础的显示样式，不会根据屏.
关于VUE使用print-js遇到图片顺序错乱，覆盖的问题
wanxkdnvwsk的博客
02-27 851
关于我用printjs打印之后掉了三天头发的记录
window.print()；html 打印 之 print.js
Midpuss的博客
08-24 641
最近顾客需要把html打印，用window.print() 需要自己创建iframe 把打印内容放入到js创建的iframe 中，调用该iframe 的window.print()进行实现html打印。但是兼容性不怎么好毕竟自己写的哈哈。支持vue，cdn 引入方式，有需要的小伙伴可以自己研究下。
js print打印网页指定区域内容的简单实例
11-28
实例如下： <!DOCTYPE ...<... <head>...js print打印网页指定区域内容的简单实例</title> </head> <sc
python之print语句
12-21
print是输出语句 >>>print 'hello, world'hello, world>>>print 1 + 23>>>print 'hello,', 'python.' #将逗号分隔开的两字符串拼接成一个字符串hello, python cmd中，进入python后，在>>>后面输入python功能...
crabbly print.js
07-02
crabbly print.js类库 下载后直接引包使用，使用详情请参考:https://blog.csdn.net/WwJoyous/article/details/80881881
判断前端入参是否空否则提示前端写法
最新发布
qq_39306234的博客
04-28 218
前端先声明一个变量，用于alert判断。在templeat中定义一个提示语句。然后在点击事件时判断一下是否展示。
vue实现录音并转文字功能，包括PC端web，手机端web
byebukesi的博客
04-26 503
不止vue，不限技术栈，vue2、vue3、react、.net以及原生js均可实现。
2024 XYCTF Web 方向 wp 全解
qq_39947980的博客
04-27 965
XYCTF 2024 Web 方向全解
两个前端标签
ma_no_lo的博客
04-24 166
两个前端标签
前端Vue2项目搭建过程
xuemen11的博客
04-25 1203
vue2,vuex,vant组件库
js print.js
12-10
js print.js是指JavaScript文件print.js。在Web开发中，JavaScript通常用于实现网页的交互和动态效果。print.js可能是一个用于打印功能的JavaScript文件，它可以被引入到网页中，用于控制打印页面的样式和行为。这样可以让用户在打印网页时获得更好的打印效果，比如去掉一些不必要的元素、调整页面布局等。 print.js文件可能包含一些JavaScript代码，用于监听用户的打印操作，并根据需要来修改页面的样式和布局。比如，它可以检测用户点击了打印按钮，然后执行一些操作来隐藏一些不需要打印的内容，或者添加一些额外的打印样式。此外，print.js文件也可以包含一些JavaScript函数，用于控制打印时的特定行为，比如设置打印页面的页眉页脚，选择打印区域等。 总之，js print.js表示一个JavaScript文件，它可能用于实现网页的打印功能，包括控制打印页面的样式和行为。在Web开发中，打印功能通常被用于让用户在需要时将网页内容打印出来，print.js文件可能是为了提供更好的打印体验而被引入到网页中的。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值