打印模板实现页眉和页脚的方法
1. 实现原理:利用 Table 的 thead 和 tfoot 标签实现。在原来的 html 代码中再包一层 table 添加thead 和 tfoot 实现页面、页脚功能。
2. 复制如下代码放在原来的 html 代码 <body> 的下面吗,如果不要页脚可删除相应代码 <table cellpadding="0" cellspacing="0" style="width:100%"> <!-- 利用 Table 的 thead 标签定义表格的表头(页眉) --> <thead> <tr> <td> <div><img src="http://71mis.cn/zf_logo.png" alt="Smiley face" width="145" height="40"></div> <hr size="1px" color="red" /></hr> </td> </tr> </thead> <!-- 利用 Table 的 thead 标签定义表格的表头(页脚) --> <tfoot> <tr> <td> <div align="center" style="margin-top:4mm"> <span style="font-family: 宋体, SimSun; font-size: 12pt; font-weight:normal; color:#999">上海灵当信息科技有限公司</span> </div> </td> </tr> </tfoot> <!-- 利用 Table 的 tbody 标签定义表格的表体内容 --> <tbody> <tr> <td> <!-- 以下为原打印模板 body 部分的代码 -->
3. 复制如下代码放在原来的 html 代码 </body> 的上面 <!-- 以上为原打印模板 body 部分的代码 --> </td> </tr> </tbody> </table>
|