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:;
box-shadow:;
}
}
css 写打印样式问题的更多相关文章
- 如何用css写打印样式
		
打印样式 打印样式就是针对网页被打印时设置给文档的样式,由于打印时是显示在纸上,跟屏幕还是有区别的,对于有打印需求的网页往往需要设置专门的打印样式来适配页面. @media print 声明自己是打印 ...
 - [原创]Lodop打印, 以及Lodop引用css文件控制打印样式的问题.
		
最近在做Lodop打印功能: 思路是: 用MasterPage搭个打印页面的框架, 然后在具体的页面中填入数据, 打印的样式由母版页和CSS来控制. 困扰了一天的问题是: 在打印的JS文件中, 引 ...
 - jquery 利用CSS 控制打印样式
		
一.添加打印样式 1. 为屏幕显示和打印分别准备一个css文件,如下所示: 用于屏幕显示的css: <link rel="stylesheet" href="cs ...
 - JQuery巧妙利用CSS操作打印样式
		
一.添加打印样式 1. 为屏幕显示和打印分别准备一个css文件,如下所示: 用于屏幕显示的css: <link rel="stylesheet" href="cs ...
 - 纯CSS写九宫格样式,高宽自适应正方形
		
<!DOCTYPE html><html> <head> <meta charset="utf-8"> ...
 - web的各种前端打印方法之CSS控制网页打印样式
		
来源:http://www.jb51.net/web/70358.html CSS控制网页打印样式: 使用CSS控制打印样式,握刚刚使用时一塌糊涂,根本不知道CSS中的midia的作用是什么,问到别人 ...
 - CSS控制print打印样式
		
来源:http://blog.csdn.net/pangni/article/details/6224533 一.添加打印样式 1. 为屏幕显示和打印分别准备一个css文件,如下所示: 用于屏幕显 ...
 - css设置网页打印样式
		
有三种方法 1. 为屏幕显示和打印分别准备一个css文件,如下所示: 用于屏幕显示的css: <link rel="stylesheet" href="css/n ...
 - 网页打印样式CSS
		
相信大多数的前端工程师都是处理显示屏上面的设计,用到最多的计量单位就是px,但是有些时候,我们难免也会有打印的需求,比如一个电商平台的“物流配送打印单”,“打印订单”等等可能都是需要从网友上打印出来的 ...
 
随机推荐
- css常见的快捷开发代码汇总(长期更新)
			
http://caibaojian.com/popular-css-snippets.html
 - iView开始结束时间组件
			
演示地址:https://run.iviewui.com/TGIKGkIt 测试页面文件: <template> <div> <startEndTime @newEndT ...
 - Node服务端极速搭建 -- nvmhome
			
> 本文意在让你掌握极速搭建Node服务端(任何Project) ```$ whoaminame: kelvinemail: kelvv@outlook.comhomepage: www.kel ...
 - number to string
			
C++进行int to string和string to int 下面方法一存在内存泄露 #include<strstream>void main(){ std::strstream ss ...
 - Flutter知识点:数据存储之sqflite
			
sqflite是一款轻量级的关系型数据库,类似SQLite. 在Flutter平台我们使用sqflite库来同时支持Android 和iOS. 使用介绍 1.首选需要在pubspec.yaml 导入库 ...
 - Spring Boot框架搭建
			
用idea搭建Springboot还是很方便的 环境变量是JDK1.8 SpringBoot自带了Tomcat启动也很方便 1.创建项目 2. 3.选择SpringBoot的版本以及组件 4.创建完成 ...
 - Mycat中间件
			
数据库中间件Mycat自我介绍 一.mycat概述 1.功能介绍 mycat一个开源的分布式数据库系统,是一个实现了mysql协议的server前端用户可以把它看成一个数据库代理,用mysql客户端工 ...
 - Tcpdump一些常用指令
			
1.tcpdump安装:yum install tcpdump 2.关键字介绍 类型关键字: 指定主机 host 192.168.1.111 指定网络地址 net 202.0.0.0 指定端口 por ...
 - HTML5离线存储之webstorage
			
html5在引入webStorage之前,主要用cookies. html5的webstorage 分两种:LocalStorage 和SessionStorage,两者的差别主要在生命周期不同. 1 ...
 - 爬虫入门之scrapy模拟登陆(十四)
			
注意:模拟登陆时,必须保证settings.py里的COOKIES_ENABLED(Cookies中间件) 处于开启状态 COOKIES_ENABLED = True或# COOKIES_ENABLE ...