打印页面内容覆盖标题

时间:2017-03-31 05:27:52

标签: jquery css

页面内容超过了第二页上的标题,请查看以下代码

 @media screen {
     div.divHeader
            {
                display: none;
            }
    }
    @media print {
      div.divHeader
            {
                position: fixed;
                top: 0;
            }
             div.divContent
            {
                 position: fixed;
                 top: 120px;
            }

    }

enter image description here

2 个答案:

答案 0 :(得分:1)

得到答案,标题放在<thead>

<table>
     <thead>
    <tr>
    <th colspan="10"><h1>My Header</h1></th></tr>
     </thead>
    <tbody>
    <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
    </tbody>
    </table>

答案 1 :(得分:0)

是。那是因为它是固定的。因此,它显示在每一页。相反,将其更改为绝对位置。