900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > html打印预览出现重叠 html – 打印预览在每页上重复tfoot

html打印预览出现重叠 html – 打印预览在每页上重复tfoot

时间:2021-06-01 03:56:27

相关推荐

html打印预览出现重叠 html – 打印预览在每页上重复tfoot

我的问题是,我有两个不同的html文件,其中包含一个包含theader,tfooter和tbody的表.

第一个是我自己创建的测试原因,它看起来像这样:

The Invoice

table.invoice { background-color: #dddddd; font-family: sans-serif; }

td,th { background-color: #ffffff; padding: 5pt; }

td.unit { text-align: right; }

td.price { text-align: right; }

thead { display: table-header-group; }

tfoot th { text-align: right; }

UnitDescriptionPrice

Sum1.230,32 EUR1Excel150,00 EUR2Document150,00 EUR

... and so on ...

每当我在IE9上尝试打印预览时,它会在最后一页显示tfoot(在我的例子中为第5页),它显示了正文内容价格列的总和.

当我在Mozilla Firefox 11.0中尝试相同时,它会在每个页面上显示tfoot的总和,当然我不想要.

我问的主要原因是因为我有一个FreeAgent html dom,我想打印一些Invoice.有了那个html文件,甚至IE9在每一页上显示了tfoot,再次!,我不想要.

我一起玩

@media print { tfoot { display: table-footer-group;

position: absolute;

bottom: 0; }}

在那里它只显示一次页脚,但是在左下角的第一页上,所有内容都与我的其他文本相对应…

很感激的想法或解决方案!

总结

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。

小编个人微信号 jb51ccc

喜欢与人分享编程技术与工作经验,欢迎加入编程之家官方交流群!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。