Question

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

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

当有多个页面时，页脚不显示（用于打印布局）

1 个答案: