最后一页打印页脚

Question

14

我有一个需要打印的网页，我的烦恼在于如何让页脚位于最后一页的底部，而不仅仅是当内容结束时

我尝试了类似于下面的代码：

 #printfooter{display: block; position:fixed; bottom: 0;}

但是它在每个页面的末尾显示了页脚。

也许我对CSS要求有点过高了... 这可行吗？

我在想，我应该疯狂地使用<br/>标签 (^_^)

- Assembler

我使用相同的CSS，但是这个CSS只在Firefox上起作用。你有同样的问题吗？ - printf

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Gumbo · Accepted Answer

4

尝试将主体设置为相对定位，底部设置为绝对定位：

body {
    position: relative;
}
#printfooter {
    position: absolute;
    bottom: 0;
}

使用CSS 3分页媒体模块，您可以像这样使用：

@page:last {
    @bottom-center {
        content: "…";
    }
}

- Gumbo

3

好的！...但是不行...第一个适合一页，但不适合两页...CSS3很酷，但客户端浏览器可能不支持（尽管如此）。谢谢，但是！ - Assembler

3

第一个示例的问题在于“body”的高度必须是纸张高度的倍数，否则页脚将只会停留在内容的末尾而不是纸张的末尾。 - Gumbo

11

我在你提供的 CSS 规范中并没有看到对于 ":last" 伪类的提及。它不是一个有效的伪类。 - Hugo St-Arnaud

我最终只是将<tfoot>元素更改为普通的<tr class="footer">，并将其样式化为页脚。.footer现在出现在最后一页（即表格结束的地方）。 - Out of Orbit