首页 > 解决方案 > CSS 仅在最后一页打印页脚

问题描述

首先,我搜索了 SO 并且没有有效的解决方案

我有一些长内容,我只想在最后一页有页脚。我累了:

1)

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

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

2)正如旧答案所暗示的那样

@page :last

:last不存在(正如我从旧答案中看到的那样)。

3)正常页脚,确保它显示在所有页面的末尾。

我怎样才能做到这一点,只在最后一页页脚?

标签: htmlcssprinting

解决方案


您可以尝试将标题和主体的主要区域包装在它自己的容器中,然后给它一个 100vh 的最小高度属性。这应该将您的页脚推到最底部,因为页眉和主要部分始终占据主视口。


推荐阅读