时间戳

首页 > 解决方案 > 如何在html页面中打印时添加页码页眉和页脚而不影响其他内容

javascript - 如何在html页面中打印时添加页码页眉和页脚而不影响其他内容

问题描述

在我打印页面时有一个表格的页面上，它进入 2 页或更多页。我想在每一页上打印我的页眉和页脚。我尝试了一些代码，但它将整个页面作为一个页面。

标签： javascripthtmlcss

解决方案

你的问题太粗糙了，所以我只能猜测你遇到了什么问题。

让我们总结一下您的问题，您想用表格创建几个页面并为每个页面保留相同的页眉和页脚，对吗？

如果是，首先您需要创建一个固定页眉和页脚的布局，并在页眉和页脚之间编辑内容，无论您想要什么。

在您的情况下，内容区域将放在桌子上或您想要的其他东西上，粗略的代码如下所示：

...


<body>
<header>
   ...header content
</header>
<main>
   <table>
      <thead> ... </thead>
      <tbody>
        <tr>
           <td></td>
               ...
        </tr>
      </tbody>
   </table>
</main>
<footer>
   ...footer content
</footer>

</body>



...

希望以上答案可以让你解决你的问题。

推荐阅读