打印模板实现页眉和页脚的方法
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>