zoukankan      html  css  js  c++  java
  • 分页打印

    <html>
    <head>
    <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>
    .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 #000000 #000000 #000000;
    border-style: solid;
    border-top- 2px;
    border-right- 2px;
    border-bottom- 1px;
    border-left- 1px;
    }

    .NOPRINT {
    font-family: "宋体";
    font-size: 9pt;
    }
    </style>

    </head>

    <body>
    <center class="Noprint">
    <p>
    <OBJECT id=WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 width=0>
    </OBJECT>
    <input type=button value=打印 onclick=document.all.WebBrowser.ExecWB(6,1)>
    <input type=button value=直接打印 onclick=document.all.WebBrowser.ExecWB(6,6)>
    <input type=button value=页面设置 onclick=document.all.WebBrowser.ExecWB(8,1)>
    </p>
    <p> <input type=button value=打印预览 onclick=document.all.WebBrowser.ExecWB(7, 1)>
    <br/>
    </p>
    <hr align="center" width="90%" size="1" noshade>
    </center>

    <table width="90%" border="0" align="center" cellpadding="2" cellspacing="0" class="tabp">
    <tr>
    <td colspan="3" class="tdp">第1页</td>
    </tr>
    <tr>
    <td width="29%" class="tdp">&nbsp;</td>
    <td width="28%" class="tdp">&nbsp;</td>
    <td width="43%" class="tdp">&nbsp;</td>
    </tr>
    <tr>
    <td colspan="3" class="tdp">&nbsp;</td>
    </tr>
    <tr>
    <td colspan="3" class="tdp">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="50%" class="tdp">
    <p>这样的报表</p>
    <p>对一般的要求就够了。</p>
    </td>
    <td>&nbsp;</td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    <hr align="center" width="90%" size="1" noshade class="NOPRINT">
    <!--分页-->
    <div class="PageNext"></div>
    <table width="90%" border="0" align="center" cellpadding="2" cellspacing="0" class="tabp">
    <tr>
    <td class="tdp">第2页</td>
    </tr>
    <tr>
    <td class="tdp">看到分页了吧</td>
    </tr>
    <tr>
    <td class="tdp">&nbsp;</td>
    </tr>
    <tr>
    <td class="tdp">&nbsp;</td>
    </tr>
    <tr>
    <td class="tdp">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="50%" class="tdp">
    <p>这样的报表</p>
    <p>对一般的要求就够了。</p>
    </td>
    <td>&nbsp;</td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </body>
    </html>

  • 相关阅读:
    旧贴-在 win7 / win8 下安装苹果系统 (懒人版)
    解决ios13摇一摇不能触发
    html+css面试合集
    Windows 2012 Server R2 添加用户
    Windows10专业版身份验证错误,可能由于CredSSP加密数据库修正
    STM32F4 7.STM32F4 独立看门狗
    STM32F4 6.STM32F4 外部中断
    STM32F4 5.STM32F4串口通讯
    STM32F4 4.STM32F4时钟系统
    STM32F4 3.GPIO按键输入,实现开关灯
  • 原文地址:https://www.cnblogs.com/MyBeN/p/6026804.html
Copyright © 2011-2022 走看看