在打印时使用PC或平板电脑显示所有页面中的页眉和页脚

时间:2017-05-26 04:40:25

标签: html css printing

我的问题是第一次当我尝试使用这个我想要做的是打印所有页面的页眉和页脚..样本如果我有5页需要打印页眉和页脚将显示在所有页面..所以,当我尝试使用这种方法时,发生的事情只是标题显示在所有页面中,页脚只显示在最后一页..这不是我真正想要的...

@media print {
    thead { display: table-header-group; }
    tbody { display: table-row-group; }
    tfoot { display: table-footer-group; }
    }
@media screen {
    thead { display: none; }
    tfoot { display: none; }
}

<table>
    <thead>
        <tr>
            <td>    
               <!----HEADER CONTENT----->
            </td>
        </tr>
    </head>
    <tfoot>
        <tr>
            <td>
                <!----FOOTER CONTENT----->
            </td>
        </tr>
    </tfoot>
    <tbody>
        <tr>
            <td>
                <!----FOOTER CONTENT----->
            </td>
        </tr>
    </tbody>
</table>    

下一个问题是当我尝试在平板电脑上打开我的页面并进行测试打印时发生的情况是标题仅显示在最后一页上的第一页和页脚上...当我在PC上访问我的页面时这是不同的...关于如何解决此问题的任何想法?..我目前正在使用谷歌浏览器版本:58.0.3029.110(64位)..

当我尝试使用IE和Mozilla firefox时,标题不会出现在所有页面中,只显示在第一页上,但页脚显示在所有页面中..不像我打开chrome标题时所有页面都显示但只有页脚显示在最后一页..当我尝试在平板电脑上访问它似乎没有任何工作..首页上显示标题,页面上显示页脚说我有5页。有什么办法可以解决这个问题吗?因为我认为这是自2010年以来的一个问题..

0 个答案:

没有答案