是否有任何限制使它不能在Firefox的每个页面上打印？

Question

我有一张桌子，上面有<thead>，<tfoot>和<tbody>。理论上应该在每一页上打印thead和tfoot，但是由于某种原因，如果它包含某些元素在一起，则不会。

这工作：

<thead> 
    <tr> 
     <td colspan="3">This works</td> 
    <tr> 
    <tr> 
     <th colspan="2">column 1</th> 
    <th> 
     column 2 
     </th> 
</tr> 
</thead> 

这似乎并不工作：

[编辑]

<table> 
    <thead> 
     <tr> 
      <td colspan="3"> 
       <h2>Header</h2> 
        <address> 
         <strong>address 1</strong> <br /> 
         address 2 <br /> 
         address 3 <br /> 
        </address> 
       <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/b/b7/Wikipedia-logo.svg/600px-Wikipedia-logo.svg.png" alt="Logo" /> 
       <h2>Another header</h2> 
       <hr /> 
      </td> 
     </tr> 
     <tr> 
      <th colspan="2">column 1</th> 
     <th> 
      column 2 
      </th> 
    </tr> 
    </thead> 
    <tfoot> 
     <tr> 
      <td>This is the footer</td> 
      <td>Column 2</td> 
      <td>Column 3</td> 
     </tr> 
    </tfoot> 
    <tbody> 
     <?php for ($i = 0; $i < 100; $i ++): ?> 
     <tr> 
      <td>Col 1</td> 
      <td>Col 2</td> 
      <td>Col 3</td> 
     </tr> 
     <?php endfor; ?> 
    </tbody> 
</table> 

[/编辑]

它打印：

[page 1] 
    [header] 
    [body] 
    [footer] 

[page 2,3,4,5] 
    [body] 
    [footer] 

有没有这个原因不起作用？

Answer 1

在打印CSS补充一点：

thead{ 
    display:table-header-group;/*repeat table headers on each page*/ 
} 
tbody{ 
    display:table-row-group; 
} 
tfoot{ 
    display:table-footer-group;/*repeat table footers on each page*/ 
} 

调整，以满足您的需求

更新

把你最新的HTML和摆弄它之后，我发现有是每个页面上重复的内容的高度限制。

我改变了THEAD包含：

<tr><td><div style="min-height:251px;">Hello World</div></td></tr> 

如果我重复THEAD（如改变）和TFOOT（这是）......我可以用一个高度最多只能251px。试图去任何更高的高度导致THEAD部分不重复。

我将保存关于这是功能还是bug的“辩论”......但我认为如果您的重复标题高于250像素，它可能会从某些缩小中受益。 ;-)

Answer 2

如果对高度的限制是一个问题，那么使用css编码将每个标题标签放在页面顶部。

请参考以下链接了解更多信息： How to use HTML to print header and footer on every printed page of a document?