用网页table thead tfoot元素完美控制页眉页脚显示内容打印的简单方式 |
您所在的位置：网站首页 › chrome打印网页只有一页 › 用网页table thead tfoot元素完美控制页眉页脚显示内容打印的简单方式 |
用网页table thead tfoot元素完美控制页眉页脚显示内容打印的简单方式
 发布者 newghost 发布时间 1557673865722 关键字 编程技巧 前端 目前对于网页的页眉页脚打印方面，浏览器还有很大的不足。之前可能有一些 借助css固定fixed位置或 flexlayout 的解决方案，但是效果都不太理想。但在最近chrome对table打印的更新中，增加了对 等元素的优化支持，表格中的标题和内容会被截断的问题解决了。 其实我们可以用这个特性来简单地实现页眉页脚的打印。这是网页中HTML元素与打印的简单对应关系： ______________________| thead | 页眉|______________________|| || | 内容| tbody || || ||______________________|| tfoot | 页脚|______________________|HTML代码示例: 这是页头？ 列1 列2 FOX JUMP A RIVER GO AWAY 这是页脚 生产环境中测试的效果：
回复 (0) # 微信扫码 立即评论
|
【本文地址】
今日新闻 |
推荐新闻 |