具有固定位置的CSS表格页脚

时间:2011-03-22 10:24:17

标签: html css printing css-tables

我已经建立了一个简单的网页,您可以看到a live example

非常简单的表格,定义了thead,tfoot和tbody。风格定义:

<style type="text/css" media="print">
thead {display: table-header-group; }
tfoot {display: table-footer-group; }
</style>

我在打印时设置页眉和页脚以显示在每个页面中。但在最后一页,页脚放在表的末尾,而不是在页面底部(查看打印预览)。

我尝试了很多方法:放置固定位置,尝试为tbody设置固定大小,但没有一个工作。

我需要一个至少在IE和Firefox中运行的解决方案(当然,如果它跨浏览器工作就会很棒)

1 个答案:

答案 0 :(得分:0)

如果您需要将页脚放在固定位置,请将其从桌面上取下并将其放在页面的固定位置(尽管根据纸张尺寸可能无法正确打印!),但最重要的因素这是你需要有一个固定的内容高度。

了解内容会将页脚推到底部,这就是为什么您的页脚不在底部而是位于内容底部的原因。

顺便说一句,我看不出你失败的例子......

相关问题