打印时底部的页脚

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添加到您的页脚div中，它应该可以解决您的问题

style="clear: both;"

Answer 2

你的解决方案可能与此主题类似吗？

Footer Not Aligning At Bottom Of Content In Print Preview