打印样式的CSS

 1 @media print{
 2     *,
 3     *:before,
 4     *:after{
 5         background:transparent !important;
 6         color:#000 !important;
 7         box-shadow: none !important;
 8         text-shadw:none !important;//所有颜色的背景清除
 9     }
10     a,
11     a:visited{
12         text-decoration: underline;//所有的链接加上下划线 一看能知道是链接
13     }
14     a[href]:after{
15         content: '('attr(href)')';//如果一个超链接有内容的话,可以加上这个样式,告诉这个链接是什么
16     }
17     abbr[title]:after{
18         content:'('attr(title)')';
19     }
20     a[href^='#']:after,a[href^="javascript:"]:after{content: '';}//使用#号和JavaScript的超链接不显示href
21   //避免在原始内部插入分页符
22    pre,blockquote{
23        border:1px solid #999;
24        page-break-inside: avoid;//这个属性只有op浏览器起作用
25    }
26    thead{
27        display: table-header-group;
28    }
29    tr,
30    img{max-width: 100% !important;}
31    p,h2,h3{
32        orphans: 3;//当元素发生分页时必须在页面底部保留的最小行数
33        widows: 3;//当元素发生分页时必须在页面顶部保留的最小行数
34    }
35    h2,h3{page-break-after: avoid;}//避免在元素后面插入分页符
36 }

 

posted on 2017-12-25 19:52  封寻丸子  阅读(283)  评论(0编辑  收藏  举报

导航