html - 多页时页脚不显示(用于打印布局)

Question

嘿伙计们，我有一个页脚，我想放在我的打印布局中。所以我有一个正确显示的页眉，但只有当我的页面只有 1 页时，我的页脚才会出现，但是当我有 2 页或更多页时，页脚不会出现在 hte 打印布局的底部。有什么想法吗？

HTML:

<div class= "different_header">
  <img src="css_images/seal2.png"/>
  <div class="title_print">
   <strong>I like turtles
  </strong> 
  </div>
    <div class="form_title">
      insert form title here
    </div>
  </br>
</br>
</br>
  <div class="reporting_period">
     stuffffffffffffffffffffffff
  </div>
</div>
<div class= "different_footer">
  1423 Chrstine Court, Suite 203, Largo, Florida 20774</br>
  MAIN (414) 333-4444 FAX (233) 123-1234 MD RELAY SERVICE 711
</div>

CSS:

@media print{

    .different_header, .different_footer {
            display: block; 
        }
        .different_header{
            text-align: center;
            float:left;
            padding-left: 40px;
        }
        img{
            text-align: center;
            float:left;
            padding-left: 40px;
        }
       .form_title, .title_print{
            text-align: center;
       }
       .reporting_period {
            text-align: center;
            padding-left: 50px;
       }
        .different_footer {
            position: absolute;
            text-align: center;
            padding-left: 100px;
            bottom: 0;
        }
}

编辑:仍然没有找到答案有人有任何其他想法吗？

Answer 1

请尝试使用这个:

#footer {
  display: table-footer-group;
}

也请尝试阅读此内容:http://www.codeproject.com/Questions/247645/Print-html-table-into-A4-size