zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    模版
    列表项模版
    vue eventBus 跳坑的办法
    vue适配移动端px自动转化为rem
    pc端,移动端css重置样式
    vue全局引入scss文件(推荐)
    vue安装scss,并且全局引入
    mapState
    通俗易懂的vuex-demo
    ve2.0 v-for循环报错的解决方案
  • 原文地址:https://www.cnblogs.com/telwanggs/p/5209293.html
Copyright © 2011-2022 走看看