HTML页面打印分页标签样式
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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>
</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页面打印分页标签样式的主要内容，如果未能解决你的问题，请参考以下文章