html – 在所有页面上打印页眉/页脚(打印模式)

前端之家收集整理的这篇文章主要介绍了html – 在所有页面上打印页眉/页脚(打印模式)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
<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。我搜了很多,但没有什么似乎工作,甚至位置:固定不按预期工作。

我真的很感谢任何帮助。

谢谢!

@H_403_11@解决方法
如果您愿意切换到表格(不一定是理想的),您可以使用< 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;
}

猜你在找的HTML相关文章