2016-12-31 77 views
0

想要在打印文檔的每個頁面上添加標題。在多頁文檔中的每個頁面上打印CSS標題

使用page-break-inside: avoid,好像部分內容將進入下一頁,應完全轉到下一頁。

問題發生在內容本身佔用多頁面時。 表結構是

<table class="super-table"> 
    <thead class="pageheader"> 
     <tr> 
      <td> 
       <?php echo $header; ?> 
      </td> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td> 
       <?php echo $content[0]; ?> 
      </td> 
     </tr> 
     <tr> 
      <td> 
       <?php echo $content[1]; ?> 
      </td> 
     </tr> 
    </tbody> 
    <tfoot> 
     <tr> 
      <td> 
       <?php echo $footer; ?> 
      </td> 
     </tr> 
    </tfoot> 
</table> 

CSS

@media print { 
    thead { 
     display: table-header-group; position: running(pageheader); 
    } 
    tr, td { 
     page-break-inside: avoid; 
    } 
    @page { 
     size: letter portrait; 
     @top-left { content: element(pageheader); } 
    } 
    .super-table { 
     page-break-after: always; 
    } 
} 

頭當含量佔用比頁的重疊。我是否可以爲每個頁面中的內容設置保證金設置而不是頭部?增加margin-top到@page也可以將標題向下移動。

IMAGE: <thead> overlaps if content occupies more than one page

+0

它與PHP無關 –

回答

相關問題