Question

我正在创建报告，并希望打印带有页眉和页脚的页面。页数是动态的。实际上我是从数据库打印行，所以行数是动态的，有时我有几行，有时我有100行。我正在尝试创建动态的A4页面，并且在每个页面上我都会有页眉和页脚。

<style type="text/css">
  body {
  background: rgb(204,204,204); 
}
  page[size="A4"] {
  background: white;
  width: 21cm;
  height: 29.7cm;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.5cm;
  box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}
@media print {
  body, page[size="A4"] {
    margin: 0;
    box-shadow: 0;
  }
} 
@media screen {
  div.divFooter {
  display: none;
}
div.divHeader {
 display: none;
}
}
@media print {
 div.divFooter {
 position: fixed;
 bottom: 0;
}
}
@media print {
  v.divHeader {
  position: fixed;
  top: 0;
}
}
</style>
<html>
  <div id="header">
   <img src="../../../img/footer.jpg" > 
  </div>
  <div id="footer">
   <img src="../../../img/footer.jpg" > 
  </div>
 </html>

此代码不起作用，是否有人有建议？任何帮助或建议表示赞赏？

Answer 1

你是想说这些图片不显示？

如果是这种情况，它可能是源路径错误，您是打开html文件本身还是通过http服务器查看？例如apache

为html dynamica页面设置固定的页眉和页脚

1 个答案: