栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

有没有办法在每个页面上打印网页页眉/页脚?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

有没有办法在每个页面上打印网页页眉/页脚?

它可以用表来完成-我知道我建议通过使用表进行布局来冒风险,但是我们在这里谈论的是IE6,它因其出色的CSS支持而闻名:-)

如果按如下方式设置CSS样式:

thead { display: table-header-group; }tfoot { display: table-footer-group; }

然后,当您创建HTML时,将您的正文呈现为:

<body><table>   <thead><tr><td>Your header goes here</td></tr></thead>   <tfoot><tr><td>Your footer goes here</td></tr></tfoot>   <tbody>     <tr><td>     Page body in here -- as long as it needs to be     </td></tr>   </tbody></table></body>

是的,它不好(表和CSS),也不理想,但是(对您来说很重要)它确实可以在IE6上运行。我无法在Firefox上进行评论,因为我还没有在Firefox上进行过测试,但它可以胜任。这还将处理不同大小的页面,不同的字体大小等,因此它应该“正常工作”。

如果只希望页眉和页脚仅出现在打印介质上,请使用@media参数执行正确的操作:

@media print {    thead { display: table-header-group; }    tfoot { display: table-footer-group; }}@media screen {    thead { display: none; }    tfoot { display: none; }}

注意
自2015年7月起,这仍然仅在Firefox和IE中有效。
如果有人强烈投票支持基于Webkit的浏览器(例如Chrome,Safari),则它们在问题跟踪器中存在长期存在的错误:

这个问题下方的评论告诉我,这已在Chrome中解决。我没有检查自己:-)



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/432516.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号