HTML页面打印分页标签样式

<html>
<head>
    <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
    <title>***上海市眼病防治中心病人结帐费用报表***</title>
    <meta http-equiv="Content-Type" content="text/html;   charset=gb2312">
    <!--media=print   这个属性可以在打印时有效-->
    <style media="print">
        .Noprint
        {
            display: none;
        }
        .PageNext
        {
            page-break-after: always;
        }
    </style>
    <style>
        body, td, th
        {
            font-size: 12px;
        }
        .tdp
        {
            border-bottom: 1 solid #000000;
            border-left: 1 solid #000000;
            border-right: 0 solid #ffffff;
            border-top: 0 solid #ffffff;
        }
        .tabp
        {
            border-color: #000000;
            border-collapse: collapse;
        }
        .NOPRINT
        {
            font-family: "宋体";
            font-size: 12px;
        }
    </style>
</head>
<body>
    <object id="WebBrowser" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height="0"
        width="0" viewastext>
    </object>
    <input type="button" value="打印" onclick="document.all.WebBrowser.ExecWB(6,1)" class="NOPRINT">
    <input type="button" value="直接打印" onclick="document.all.WebBrowser.ExecWB(6,6)" class="NOPRINT">
    <input type="button" value="页面设置" onclick="document.all.WebBrowser.ExecWB(8,1)" class="NOPRINT">
    <input type="button" value="打印预览" onclick="document.all.WebBrowser.ExecWB(7,1)" class="NOPRINT">
    <br />
    <table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr align="center">
            <td colspan="5">
                <font size="3">上海市眼病防治中心病人结帐费用报表(A) </font>
            </td>
        </tr>
        <tr>
            <td>
                汇总人次 5
            </td>
            <td>
                费用合计 15853.12
            </td>
            <td>
                统计日期
            </td>
            <td>
                制表人 023
            </td>
            <td>
                制表日期:2004-05-13
            </td>
        </tr>
    </table>
    <table width="90%" border="1" align="center" cellpadding="2" cellspacing="0" bordercolor="#000000"
        class="tabp">
        <tr>
            <td>
                姓名
            </td>
            <td>
                住院号
            </td>
            <td>
                科室
            </td>
            <td>
                结帐日期
            </td>
            <td>
                出院日期
            </td>
            <td>
                费用合计
            </td>
            <td>
                医保交易费用
            </td>
            <td>
                分类给付费用
            </td>
            <td>
                非医保交易费
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
        </tr>
        <tr>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
        </tr>
    </table>
    <hr align="center" width="90%" size="1" noshade class="NOPRINT">
    <!--分页-->
    <div class="PageNext">
    </div>
    <table width="90%" border="1" align="center" cellpadding="2" cellspacing="0" bordercolor="#000000"
        class="tabp">
        <tr>
            <td>
                第2页
            </td>
        </tr>
        <tr>
            <td>
                看到分页了吧
            </td>
        </tr>
        <tr>
            <td>
                &nbsp;
            </td>
        </tr>
        <tr>
            <td>
                &nbsp;
            </td>
        </tr>
        <tr>
            <td>
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td width="50%">
                            这样的报表 对一般的要求就够了。
                        </td>
                        <td>
                            &nbsp;
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</body>
</html>
原文地址:https://www.cnblogs.com/telwanggs/p/5209293.html