HTML / CSS(以PDF呈现)在第一页的页脚之后显示第二页

我有一个页面(仅用于pdf的html)构建如下:

<div>some info here</div> 
<table>a table that can have more or less lines</table>
<div class="footer" style=" bottom: 0; position:fixed; page-break-after: always;">the footer of the page here</div>
<div class="secondPage">another page, without the footer</div>

我希望页脚仅固定在第一页的底部,而第二页显示在此页脚之后。

这里的问题是第二页的内容(class =“ secondPage”)仅在第一页上的表之后和页脚之前,而不在另一页上显示。

有没有一种方法可以使用position:fixed;和分页后:始终;在一起吗? 如何获得想要显示的内容?

谢谢

评论
  • Honey
    Honey 回复

    You can use the <footer> element.

    The important thing to remember is that the <footer> is related to its parent element. If it inside an element, then it is the footer of that element. If it is the last element inside the element, then it is the footer of the page as a whole.

    如果要将页脚用于“首页”。您需要先将其创建为父级,并且其中应包含内部所需的任何内容,包括页脚。

    例如,

    <div class="firstPage">
       <div>some info here</div> 
       <table>a table that can have more or less lines</table>
       <div class="footer" style=" bottom: 0; position:absolute; page-break-after: always;">the footer of the page here</div>
    </div>
    
    <div class="secondPage">another page, without the footer</div>