最后打印页面上的页脚

Ass*_*ler 11 css printing footer

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

我试过类似的东西

 #printfooter{display: block; position:fixed; bottom: 0;}
Run Code Online (Sandbox Code Playgroud)

但它在每页末尾显示页脚.

也许我对CSS要求太多了......它可行吗?

我想我应该为<br />的(^_^)发疯

Gum*_*mbo 4

尝试将正文定位为相对位置,将页脚定位为绝对位置:

\n\n
body {\n    position: relative;\n}\n#printfooter {\n    position: absolute;\n    bottom: 0;\n}\n
Run Code Online (Sandbox Code Playgroud)\n\n

使用CSS 3 Paged Media 模块,您可以使用如下内容:

\n\n
@page:last {\n    @bottom-center {\n        content: "\xe2\x80\xa6";\n    }\n}\n
Run Code Online (Sandbox Code Playgroud)\n

  • 我在您链接的 CSS 规范中没有看到任何提及 :last 伪类。它不是一个有效的伪类。 (11认同)
  • 是的!...但是不...第一个适用于一个页面,但不适用于两个页面...CSS3 可能不会在客户端的客户端浏览器上受支持(与 CSS3 一样酷)。谢谢,但是! (3认同)
  • 第一个示例的问题是“body”需要是纸张高度的倍数。否则,页脚将仅位于内容的末尾,而不是位于工作表的末尾。 (3认同)