如何在最后打印的页面底部添加页脚

Question

我正在创建一个基于网络的计费系统，我必须在其中生成多个页面的账单 pdf。

问题是：我想在最后一个打印页的底部打印页脚。

#footer{
  position: fixed;
  bottom: 0px;
  width:100%;
}

此代码在每一页上打印页脚，但我只希望在最后一页上。

Answer 1

将类添加到最后一页，例如.last_page

然后我想：

.last_page #footer {
  position: fixed;
  bottom: 0px;
  width: 100%;
}

Answer 2

将此添加到您的样式表中，看看它是否对您有帮助：

@media print { 
body {
  position: relative;
  }
#footer {
  position: absolute;
  bottom: 0;
  }
}

参考：html footer at last page