HTML页面打印分页标签样式
2015-01-21 16:45
651 查看
<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>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</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>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%">
这样的报表 对一般的要求就够了。
</td>
<td>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</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>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</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>
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%">
这样的报表 对一般的要求就够了。
</td>
<td>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
相关文章推荐
- HTML页面打印分页标签样式
- 在打印HTML页面时控制分页
- jQuery打印Html页面自动分页
- 进入页面给HTML标签添加、移除样式
- IE里面打印HTML页面时的分页控制
- html中的a标签用js来实现页面跳转的功能(php分页时做的页面跳转)
- html页面中打印样式
- jQuery打印Html页面自动分页
- 【转】html 页面打印并 分页
- 打印HTML页面时的分页控制
- jQuery打印指定区域Html页面并自动分页
- 在打印HTML页面时控制分页
- jQuery打印Html页面主动分页
- HTML中的Style标签media属性控制打印内容样式
- jQuery打印Html页面自动分页
- 打印Html页面自动分页
- jQuery打印Html页面自动分页
- 在打印HTML页面时控制分页
- netsuite凭证批量打印中涉及的html分页打印问题,页面的部分打印
- jQuery打印指定区域Html页面并自动分页