• 注册
当前位置:1313e > html >正文

html打印注意点

http://www.cnblogs.com/yjmyzz/archive/2013/08/27/3285061.html



1. 在firefox下,每页均会打印重复thead(表头),tfoot(表尾)的内容;IE8下无效(其它IE版本未测试)

2. 分页的处理

    @media print {
     .page-break { page-break-after: always; }
   }

在需要分页的tr上,加上该样式即可

3.隐藏某些不需要打印的区域

    @media print {
    .no-print { display: none; }
     }

4.页面顶部网址之类的,如何去掉?

IE:  File -> Page Setup

 

FireFox:  Print -> Page Setup

5.打印页面指定区域


这是打印的内容
这里不需要打印

上述代码仅适用于FireFox,IE下建议用css隐藏不需打印的内容 

完整示例代码:


html打印测试

XXXX报表

序号 栏目1 栏目2 栏目3 栏目4
1 数据1 数据2 数据3 数据4
2 数据1 数据2 数据3 数据4
3 数据1 数据2 数据3 数据4
4 数据1 数据2 数据3 数据4
5 数据1 数据2 数据3 数据4
合计: 300.00 300.00

1. 在firefox下,每页均会打印重复thead(表头),tfoot(表尾)的内容;IE8下无效(其它IE版本未测试)

2. 分页的处理

    @media print {
     .page-break { page-break-after: always; }
   }

在需要分页的tr上,加上该样式即可

3.隐藏某些不需要打印的区域

    @media print {
    .no-print { display: none; }
     }

4.页面顶部网址之类的,如何去掉?

IE:  File -> Page Setup

 

FireFox:  Print -> Page Setup

5.打印页面指定区域


这是打印的内容
这里不需要打印

上述代码仅适用于FireFox,IE下建议用css隐藏不需打印的内容 

完整示例代码:


html打印测试

XXXX报表

序号 栏目1 栏目2 栏目3 栏目4
1 数据1 数据2 数据3 数据4
2 数据1 数据2 数据3 数据4
3 数据1 数据2 数据3 数据4
4 数据1 数据2 数据3 数据4
5 数据1 数据2 数据3 数据4
合计: 300.00 300.00

本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 162202241@qq.com 举报,一经查实,本站将立刻删除。

最新评论

欢迎您发表评论:

请登录之后再进行评论

登录