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