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>·</b>Wed<b>·</b>Fri | 3:00pm - 5:00pm
<br>Tues<b>·</b>Thurs<b>·</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>·</b>Wed<b>·</b>Fri | 3:00pm - 5:00pm
<br>Tues<b>·</b>Thurs<b>·</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>·</b>Wed<b>·</b>Fri | 3:00pm - 5:00pm<br/>
Tues<b>·</b>Thurs<b>·</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