Html 第一页内容溢出时重复页眉和页脚

Html 第一页内容溢出时重复页眉和页脚,html,css,printing,Html,Css,Printing,我知道我的问题可能与其他问题重复。我尝试了其他解决方案,但对我无效。在我的例子中,我使用header作为打印的静态页眉,使用div作为我的页脚,至于我的内容,我使用table来显示数据 所以我现在的问题是,当我尝试打印页面时,如果表中的内容溢出,它将转到第二页。我想做的是,当我的表在第1页溢出时,它应该转到第2页,页眉和页脚也会在第2页看到,依此类推 标题 <header> <center><h3><b>Miguel Enr

我知道我的问题可能与其他问题重复。我尝试了其他解决方案,但对我无效。在我的例子中,我使用
header
作为打印的静态页眉,使用
div
作为我的页脚,至于我的内容,我使用table来显示数据

所以我现在的问题是,当我尝试打印页面时,如果表中的内容溢出,它将转到第二页。我想做的是,当我的表在第1页溢出时,它应该转到第2页,页眉和页脚也会在第2页看到,依此类推

标题

  <header>  
        <center><h3><b>Miguel Enrique</b></h3>                  
        <p><i>Diplomat<br>Fellow</i><br>Orthopaedic Surgeon</p>         
        </center>
    </header>
<div class="row uniform half collapse-at-2">
  <div class="12u">                                     
    <center><h4><b>---data----</b></h4></center>
    <h4><p>------DATA--------------<br>Tel. 77 19 349 | 65 90 097
    <br>Mon<b>&middot;</b>Wed<b>&middot;</b>Fri  |  3:00pm - 5:00pm
    <br>Tues<b>&middot;</b>Thurs<b>&middot;</b>Sat  |  11:00am - 2:00pm  | 
    <br>  (All by appointment)</p></h5>
  </div>
  <div class="6u">
    <div class="row uniform half">
        <div class="12u">
        <center><h4><b>--DATA---</b></h4></center>                                                      
        <h5><p>  ------DATA-------
        <br>Tel. No. : (632) 789 - 7700 loc. 7330
        <br>Mon-Thurs: 11am - 4pm  |  (by Appointment)</p><h5>
        </div>                              
    </div>
  </div>
<div    
<div class="row uniform half collapse-at-2">
    <div class="12u">                       
        <div class="row uniform half">
           <font size="5"><b>Name</b></font><br>
            License No. : 1<br>
        </div>
    </div>
</div>

米格尔·恩里克
外交官
研究员
整形外科医生 ---资料---- ------数据------------
电话:7719349 | 6590097
周一和中午;周三和中午;星期五下午3:00-5:00
周二和中午;周四和中午;星期六上午11:00至下午2:00
(全部由预约)

--数据-- ----数据-------
电话号码:(632)789-7700 loc。7330
星期一至四:上午11时至下午4时(预约)

页脚

  <header>  
        <center><h3><b>Miguel Enrique</b></h3>                  
        <p><i>Diplomat<br>Fellow</i><br>Orthopaedic Surgeon</p>         
        </center>
    </header>
<div class="row uniform half collapse-at-2">
  <div class="12u">                                     
    <center><h4><b>---data----</b></h4></center>
    <h4><p>------DATA--------------<br>Tel. 77 19 349 | 65 90 097
    <br>Mon<b>&middot;</b>Wed<b>&middot;</b>Fri  |  3:00pm - 5:00pm
    <br>Tues<b>&middot;</b>Thurs<b>&middot;</b>Sat  |  11:00am - 2:00pm  | 
    <br>  (All by appointment)</p></h5>
  </div>
  <div class="6u">
    <div class="row uniform half">
        <div class="12u">
        <center><h4><b>--DATA---</b></h4></center>                                                      
        <h5><p>  ------DATA-------
        <br>Tel. No. : (632) 789 - 7700 loc. 7330
        <br>Mon-Thurs: 11am - 4pm  |  (by Appointment)</p><h5>
        </div>                              
    </div>
  </div>
<div    
<div class="row uniform half collapse-at-2">
    <div class="12u">                       
        <div class="row uniform half">
           <font size="5"><b>Name</b></font><br>
            License No. : 1<br>
        </div>
    </div>
</div>

名称
许可证编号:1
有没有办法解决这个问题??打印时,如果内容在第1页溢出,将转到第2页,页眉和页脚将显示在第2页上?。

第一个图像是关于当我尝试打印时发生的事情。我想要实现的是下面的第二张图片。可以使用google chrome吗?

试试这个:

标题

<header>  
    <center><h3><b>Miguel Enrique</b></h3>                  
    <p><i>Diplomat<br>Fellow</i><br/>Orthopaedic Surgeon</p>         
    </center>
</header>
<div class="row uniform half collapse-at-2">
  <div class="12u">                                     
    <center><h4><b>---data----</b></h4></center>
    <h4><p>------DATA--------------<br/>
        Tel. 77 19 349 | 65 90 097<br/>
        Mon<b>&middot;</b>Wed<b>&middot;</b>Fri  |  3:00pm - 5:00pm<br/>
        Tues<b>&middot;</b>Thurs<b>&middot;</b>Sat  |  11:00am - 2:00pm  |<br/> 
        (All by appointment)</p>
    </h4>
  </div>
  <div class="6u">
    <div class="row uniform half">
        <div class="12u">
            <center><h4><b>--DATA---</b></h4></center>                                                      
            <h5><p>  ------DATA-------<br/>
            Tel. No. : (632) 789 - 7700 loc. 7330<br/>
            Mon-Thurs: 11am - 4pm  |  (by Appointment)</p></h5>
        </div>                              
    </div>
  </div>
</div>

米格尔·恩里克
外交官
研究员
整形外科医生 ---资料---- ------数据------------
电话:7719349 | 6590097
周一和中午;周三和中午;星期五下午3:00-5:00
周二和中午;周四和中午;周六上午11:00至下午2:00 |
(全部由预约)

--数据-- ----数据----
电话号码:(632)789-7700 loc。7330
星期一至四:上午11时至下午4时(预约)

身体


不
处方
页脚

<div class="row uniform half collapse-at-2">
    <div class="12u">                       
        <div class="row uniform half">
           <font size="5"><b>Name</b></font><br/>
            License No. : 1<br/>
        </div>
    </div>
</div>

名称
许可证编号:1