HTML页面打印分页标签样式

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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>

以上是关于HTML页面打印分页标签样式的主要内容,如果未能解决你的问题,请参考以下文章

内部分页:避免不工作

如何修改EYOUCMS 后台页面的购买授权按钮

Excel 如何重新设置分页预览

用html横向、多页的分页打印,打印不出来,怎么办?

前端实现打印(实现分页、表头重复)

打印机怎么分页打印?