资讯专栏INFORMATION COLUMN

css 写打印样式问题

lushan / 2891人阅读

摘要:背景颜色打印不出来问题解决方法样式要加上样式要加上然后记得浏览器打印设置里面要在打印背景图形前面打勾。页码的问题在打印的时候,想要换行的地方。

 

(1)背景颜色打印不出来问题解决方法

  1. background样式要加上 !important;
  2. color样式要加上 !important;
  3. -webkit-print-color-adjust: exact;
  4. 然后记得浏览器打印设置里面要在“打印背景图形”前面打勾。
-webkit-print-color-adjust: exact;
color:#007DCF !important;color;
background:#007DCF !important;

 

 (2)页码的问题:

      在打印的时候,想要换行的地方。

 page-break-before: always;

例:


page[size="A4"]
{ background: white; width: 21cm; height: 29.7cm; display: block; margin: 0 auto; margin-bottom: 0.5cm; box-shadow: 0 0 0.5cm rgba(0,0,0,0.5); page-break-before: always; } @media print { body, page[size="A4"] { margin: 0; box-shadow: 0; } }

 

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/2282.html

相关文章

  • Web应用程序如何创建 PDF

    摘要:在本文中,将探讨如何从一个应用程序中直接生成一个。然而,再次受到浏览器对和支持的限制。使用来实现规范尝试使用实现规范实际上是创建了。就从应用程序使用这些工具而言,需要在服务器上安装它们。希望这是一个有用的工具总结,可用帮你的应用程序创建。 为了保证的可读性,本文采用意译而非直译。 想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你! 在一些场景下,用户都要求一些需要的数...

    AlexTuan 评论0 收藏0
  • 关于iview框架实现打印指定区域所碰到的坑

    摘要:今天遇到一个需求,看起来也比较简单,就是实现一个打印功能。有两种方法来实现,一种是利用的媒体查询,另一种则是使用。 今天遇到一个需求,看起来也比较简单,就是实现一个打印功能。页面中有一个表单,将表单里的数据对应添加到表格中,然后点击打印按钮,实现预览打印,这里我用的是iview框架,如下图所示:showImg(https://segmentfault.com/img/bVbicZo?w...

    quietin 评论0 收藏0
  • CSS 面试题总结

    摘要:而名作为标签的身份则是唯一的,在页面中只能出现一次。会导致父容器高度塌陷。堆叠顺序由元素在文档中的先后位置决定,后出现的会在上面。之后的内联对象会被排列在同一行内。的作用是允许浏览器渲染它,但是不显示出来,这样才能实现清除浮动。 CSS 中类 (classes) 和 ID 的区别。 书写上的差别:class名用.号开头来定义,id名用#号开头来定义; 优先级不同(权重不同) 调用上的...

    tomato 评论0 收藏0
  • Web打印探秘

    摘要:笔者最近做了一个在构建打印模板的需求,从中学习到一些有价值的东西,特地记录一篇文章分享。此时,浏览器会弹出打印预览的窗口,通过页面生成了用于打印预览。最后,联想到也可用于实现打印模板需求,笔者以和模板为例进行了一个简单的实践。 笔者最近做了一个在 Web 构建打印模板的需求,从中学习到一些有价值的东西,特地记录一篇文章分享。 概述 本文首先描述笔者所处的项目组的 Web 打印项目的需求...

    ymyang 评论0 收藏0
  • 前端实现html转pdf方法总结

    摘要:比上面的稍微好点,支持了一些方面的东西,具体看这个中文配置参数评价这种方法前端实现,灵活简单,而且在页面还原上是很好的,生成的过程不需要自己操心,页面样式还可控,可以说是非常不错的。 最近要搞前端html转pdf的功能。折腾了两天,略有所收,踩了一些坑,所以做些记录,为后来的兄弟做些提示,也算是回馈社区。经过一番调(sou)研(suo)发现html导出pdf一般有这几种方式,各有各有优...

    Heier 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<