CSS打印页脚仅在最后一页上

Question

首先，我搜索了SO，没有有效的解决方案

我的内容很长，我只希望在最后一页显示页脚。 我很累：

1）

.footer{       
    position: absolute;
    bottom: 0;
}

如果仅将页脚放在首页的末尾。

2）如旧答案所示

@page :last

但是:last不存在（正如我从旧答案中看到的那样）。

3）页脚正常，请确保该页脚显示在所有页面的末尾。

我如何才能做到这一点，仅在最后一页添加页脚？

Answer 1

您可以尝试将标头和主体的主要区域包装在其自己的容器中，然后将其最小高度属性设置为100vh。由于页眉和主要部分始终占据主视口，因此应该将页脚推到最底端。

Answer 2

只需将页脚与最后一页容器一起包装即可。将页脚视为另一个div。

Answer 3

我遇到了类似的问题，并找到了可行的解决方案。

我在页脚前面插入了一个<div id="spacer">，并给了它page-break-after: always。这使我的页脚出现在我的内容后面的新空白页的顶部。然后，我将页脚margin-top: -130px（或页脚的高度）给了我。完成后返回上一页，然后根据需要将其放在我最后一页的底部。

有2个缺点：

• 我生成的pdf文件结尾处有一个空白页

• 我必须确保有足够的空间来显示页脚

尽管如此，这是一种（仅看似吗？）在打印html时仅将页脚放在最后一页的方法。