最后打印页的页脚

Posted 2023-03-21

【中文标题】最后打印页的页脚

【英文标题】：Footer on last printed page

【发布时间】：2010-11-13 16:32:15

【问题描述】：

我有一个客户想要打印的网页，而我无法理解的部分是让页脚位于最后一个打印页面的底部，而不仅仅是在内容结束时

我尝试了类似的东西

 #printfooterdisplay: block; position:fixed; bottom: 0;

但它会在每页的末尾显示页脚。

也许我对 CSS 的要求太高了...可行吗？

我想我应该对 的 (^_^) 发疯了

【问题讨论】：

我使用相同的 css，但 css 仅适用于 firefox。你有同样的问题吗？

【参考方案1】：

尝试将正文相对定位和页脚绝对定位：

body 
    position: relative;

#printfooter 
    position: absolute;
    bottom: 0;

有了CSS 3 Paged Media module，你可以使用这样的东西：

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

【讨论】：

是的！ ...但是不...第一个适合一页，但不适用于两个... CSS3 可能不会在客户端的客户端浏览器上得到支持（就像 CSS3 一样酷）。谢谢，但是！

第一个例子的问题是body需要是纸张高度的倍数。否则，页脚将仅位于内容的末尾，而不是工作表的末尾。

我在您链接的 CSS 规范中没有看到任何提及 :last 伪类的内容。这不是一个有效的伪类。

我最终只是将 元素更改为常规的 。并设置为页脚。 .footer 现在结束在最后打印的页面上（即表格结束的地方）