在每個頁面上列印網頁頁首和頁尾
在列印的Web 報告的每個頁面上列印自訂頁眉和頁腳的可能性是一度被認為是遙不可及的。然而,最近瀏覽器功能的進步使這成為現實,尤其是 Mozilla Firefox 和 Internet Explorer。
使用表格實現頁面分組
作為有效的方法是,可以將表格與 CSS 樣式結合使用來實現所需的結果。透過實現以下 CSS 樣式:
thead { display: table-header-group; } tfoot { display: table-footer-group; }
您可以將特定的表格元素指定為頁首或頁尾。這允許它們在每個列印頁面上重複。
範例HTML 結構
要實現此技術,請如下建置HTML:
<code class="html"><body> <table> <thead><tr><td>Your header goes here</td></tr></thead> <tfoot><tr><td>Your footer goes here</td></tr></tfoot> <tbody> <tr><td> Page body in here -- as long as it needs to be </td></tr> </tbody> </table> </body></code>
處理印刷媒體
處理印刷媒體<code class="css">@media print { thead { display: table-header-group; } tfoot { display: table-footer-group; } } @media screen { thead { display: none; } tfoot { display: none; } }</code>
處理印刷媒體
處理印刷媒體
以上是如何在網路報告的每一頁上實現自訂頁首和頁尾的一致列印?的詳細內容。更多資訊請關注PHP中文網其他相關文章!