Chinaunix首页 | 论坛 | 博客
  • 博客访问: 79173
  • 博文数量: 73
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 740
  • 用 户 组: 普通用户
  • 注册时间: 2014-07-04 16:50
文章分类
文章存档

2014年(73)

我的朋友

分类: Html/Css

2014-07-08 11:47:42

  • CSS控制表格打印的例子,每页都可以显示表头和表尾,用CSS来实现打印控制,一个CSS与打印相关的例子,有需要的就参考下吧,不多说了,因为我不太懂这方面,感谢大家分享代码。

点击(此处)折叠或打开

  1. <title><title>
  2. <style>
  3. @media print{
  4. INPUT {display:none}
  5. }
  6. </style>
  7. <TABLE border="0" style="font-size:9pt;" width="300px" align="center">
  8. <THEAD style="display:table-header-group;font-weight:bold">
  9. <TR><TD colspan="2" align="center" style="font-weight:bold;border:3px double red">每页都有的表头</TD></TR>
  10. </THEAD>
  11. <TBODY style="text-align:center"">
  12. 表格内容表格内容
  13. 表格内容表格内容
  14. 表格内容表格内容
  15. 表格内容表格内容
  16. 表格内容表格内容
  17. 表格内容表格内容
  18. -break-after:always;">表格内容表格内容
  19. 表格内容表格内容
  20. 表格内容表格内容
  21. 表格内容表格内容
  22. 表格内容表格内容
  23. 表格内容表格内容
  24. 表格内容表格内容
  25. -break-after:always;">表格内容表格内容
  26. 表格内容表格内容
  27. 表格内容表格内容
  28. 表格内容表格内容
  29. 表格内容表格内容
  30. 表格内容表格内容
  31. 表格内容表格内容
  32. -break-after:always;">表格内容表格内容

  33. :table-footer-group;font-weight:bold">

  34. " align="center" style="font-weight:bold;border:3px double blue">每页都有的表尾



  35. " onclick="window.print()


阅读(494) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~