<div id="header">header</div> <div id="content"> content spanning several pages... </div> <div id="footer">Footer - Fixed at the bottom of each page</div>
我想在打印模式下在每个页面上打印#header和#footer。我搜了很多,但没有什么似乎工作,甚至位置:固定不按预期工作。
我真的很感谢任何帮助。
谢谢!
如果您愿意切换到表格(不一定是理想的),您可以使用< aad>和< tfoot>元素。他们将打印在每页的顶部和底部:
<table> <thead> <!-- Will print at the top of every page --> </thead> <tbody> <!-- Page content --> </tbody> <tfoot> <!-- Will print at the bottom of every page --> </tfoot> </table>
另一个选择是使用display table-header-group和table-footer-group,但跨浏览器的支持并不是很大:
#header { display: table-header-group; } #main { display: table-row-group; } #footer { display: table-footer-group; }