灵当CRM

 找回密码
 立即注册
查看: 4224|回复: 0

打印模板实现页眉和页脚的方法

[复制链接]

1660

主题

1709

帖子

5万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
59086
 楼主| 发表于 2019-9-9 16:40:29 | 显示全部楼层 |阅读模式
                                                                          打印模板实现页眉和页脚的方法

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>



打印模板实现页眉和页脚的方法.docx

14.78 KB, 下载次数: 574

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

灵当CRM

GMT+8, 2024-3-29 21:03 , Processed in 0.056466 second(s), 20 queries .

Powered by Discuz! X3.4

Copyright © 2008-2022, Tencent Cloud.

沪ICP备08110973号-2

快速回复 返回顶部 返回列表