首页 > IT职业 > IT生活 > 纯table标签的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>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 |
来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/2146/viewspace-2800427/ ,如需转载,请注明出处,否则将追究法律责任。