当html 页面打印的时候,上下两页出现图片被截断的情况,如下

思路: 需要达到的效果是,当打印一页不够时,整个图片到下一页打印,图片不被截断

解决办法:(.seal包裹每个图章的类)

@media print {
.seal{ page-break-inside:avoid;}
}

转载于:https://www.cnblogs.com/yigexiaojiangshi/p/9802261.html

关于 打印页面 图片被截断相关推荐

  1. 关于 打印页面 图片被截断

    当html 页面打印的时候,上下两页出现图片被截断的情况,如下 思路: 需要达到的效果是,当打印一页不够时,整个图片到下一页打印,图片不被截断 解决办法:(.seal包裹每个图章的类) @media ...

  2. js打印页面图片(批量)

    js打印页面图片(批量) html代码: <body><button onclick="printThisWindow()">打开</button&g ...

  3. 关于在IE下打印页面背景图片和背景颜色丢失的解决方案

    最近遇见在IE8下实现页面部分打印背景图片和背景颜色丢失的问题 网上查了许久,总结下有两种解决方案: 1.在IE的工具里,Internet选项-->高级-->打印(打印背景颜色和图像)选中 ...

  4. web前端打印页面,并在图片上加水印

    在不影响页面显示的情况下,单一的前端打印页面,使用下面的方法,交互是比较顺畅的,代码撸给大家做参考.解决的问题点如下: 1.纯前端打印页面,并且保证打印的页面数据显示不会被篡改. 2.不影响页面显示, ...

  5. c# winform 解决PictureBox 无法打印全部图片的问题

    作者:沐汐 Vicky 出处:http://www.cnblogs.com/EasyInvoice 一. 问题描述 在页面使用PictureBox 加载资料图片后,点击"打印",只 ...

  6. 使用Vue @media print在JavaScript中插入不同尺寸的打印页面,可自定义尺寸大小和打印机配置

    本文介绍了如何在Vue项目中使用@media print和JavaScript来插入不同尺寸的打印页面,并提供了代码编写.使用教程.注意事项和避坑点,最后进行了总结. 一.介绍 在开发Web应用程序时 ...

  7. html打印无法打印背景图片,Word/wps怎么打印背景图片?Word背景打印不出来的三种解决办法...

    Word/wps怎么打印背景图片?对于使用WPS工作.学习的朋友们或许会遇到背景无法打印的问题,精美的背景.花纹常常是所做文档的一个不可或缺的部分.那么我们该如何打印出背景呢?小编在这里有多种办法. ...

  8. 解决打印页面el-table打印不全问题

    起因: 做打印页面功能,页面中有el-table元素,发现弹出来的打印页面,只打印了几个table列,还有好几个列没打印. 然后看代码,用到的方法是: window.print();并不是这个方法错了 ...

  9. 使用jqprint插件实现打印页面内容

    业务场景 客户需要在页面有一个打印按钮,点击之后可以打印Echarts图表的内容以及文字提示信息,经谷歌搜索发现,实现方法大概有三种之多,其他两种不太熟悉,而采用的这种打印方式是一个在jQuery的基 ...

  10. 调用浏览器的打印方法打印页面内容

    2018-08-30 直接调用浏览器的打印方法 1.打印按钮 <a href="#" target="_self" οnclick="print ...

最新文章

  1. 亿级系统的Redis缓存如何设计???
  2. DDD:用 “四色原型” 进行 “聚合设计”
  3. div 上禁止复制的css实现方法
  4. python 文件操作 os.listdir() 遍历文件
  5. (7) hibernate之级联cascade和关系维持inverse
  6. HDU 1874 畅通工程续 2008浙大研究生复试热身赛(2)
  7. c++ for each 遍历tuple
  8. 通用职责分配软件原则之8-中介原则
  9. 【python】入门第一篇
  10. 从此,激光雷达和摄像头,就是一个东西了?
  11. thinkphp5.0如何隐藏index.php入口文件
  12. TwinCAT3中台达A3伺服使用
  13. 安装torch与luarocks的一些问题
  14. 基于Hexo和GitHub搭建一个免费博客域名图文教学
  15. 面试官:我们来聊一聊Redis吧,你了解多少就答多少
  16. pap.er for mac高清壁纸下载后的储存位置在哪里?小编告诉你!!
  17. java如何生成api文档_api文档自动生成工具
  18. 阿里云个人版,企业版免费用,满足这些条件就可以申请,你满足吗...
  19. 互斥量、临界区、信号量、事件标志组和消息邮箱
  20. 微信小程序Taro + React开发实践

热门文章

  1. 计算机考试电子表格中计算的公式,WPS文字的表格中进行函数公式计算
  2. html的div背景,html div背景到底是什么颜色呢?
  3. X86 MOVSB MOVSW MOVSD MOVSQ 指令详解
  4. 计算机启动方式如何选择USB启动,如何设置电脑从usb启动详细方法
  5. HNUST-C语言课程设计 完成质量测试记录·
  6. php重定向和伪静态,「PHP重定向与伪静态区别」- 海风纷飞Blog
  7. ASO优化续:详解appstore的排名规则
  8. Python小程序-QQ聊天记录生成心形字云
  9. LINE对话生成器使用教程
  10. 动画三部曲--属性动画