Question

这是我的代码。当我打印此页面时，标题和名称在第一张纸上是正常的，但在第二张纸上标题未正确显示。有没有其他技术可以做到这一点？

<html>
    <head>
        <style>
            .my-header {
               background: #e3dcf9;
               height: 40px;
               top: 0;
               left: 0;
               position: fixed;
               right: 0;
            }
            thead { display:table-header-group }
        </style>
    </head>

    <body>
        <div class="my-header">This is header</div>
        <div style="margin-top:100px;position: relative;">
        <table border="1" >
            <thead>
            <tr>
                <th>Number</th>
                <th>Name</th>
            </tr>
            </thead>
            <tbody>
            <?php
                for($i=1;$i<=150;$i++)
                { 
            ?>

                <tr>
                    <td><?php echo $i;?></td>
                    <td>Content</td>
                </tr>


            <?php
                }
            ?>
            </tbody>
        </table>
        </div>
    </body>
</html>

Answer 1

邮件和打印模板不支持内部css和外部css.use内联css以获得正确的结果。不要使用内部或外部css。

使用HTML和CSS打印页面时如何在第二页上显示相同的页边距？

1 个答案: