css 写打印样式问题
(1)背景颜色打印不出来问题解决方法
- background样式要加上 !important;
- color样式要加上 !important;
- -webkit-print-color-adjust: exact;
- 然后记得浏览器打印设置里面要在“打印背景图形”前面打勾。
-webkit-print-color-adjust: exact;
color:#007DCF !important;color;
background:#007DCF !important;
(2)页码的问题:
在打印的时候,想要换行的地方。
page-break-before: always;
例:
<page size="A4"></page>
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; } }