打印时底部的页脚

Question

我正在尝试在我的html页面上打印内容

格式为

<div class="header">Title of the page</div>

<div class="main">Content of the page</div>

<div class="footer">Footer of the page</div>

<div class="page-break"></div>

<div class="header">Title of the page</div>

<div class="main">Content of the page</div>

<div class="footer">Footer of the page</div>

<div class="page-break"></div>

<div class="header">Title of the page</div>

<div class="main">Content of the page</div>

<div class="footer">Footer of the page</div>

<div class="page-break"></div>

所以有三个页面，页面是动态添加的，这个css帮助我在打印时拆分页面

.page.break{
    page-break-after:always
}

问题是页脚在主div之后，我希望它总是在页面的底部。

有什么帮助吗？

Answer 1

将这个CSS添加到你的footer div中，它应该可以解决你的问题

style="clear: both;"

Answer 2

您的解决方案可能类似于本文中的解决方案吗？

Footer Not Aligning At Bottom Of Content In Print Preview