利用CSS控制打印 |
|
日期:2007-6-20 9:33:39 人气:44 [大 中 小] |
|
|
|
id="fontzoom"> 代码如下:
<style> @media print{ INPUT {display:none} } </style> <TABLE border="0" style="font-size:9pt;" width="300px" align="center"> <THEAD style="display:table-header-group;font-weight:bold"> <TR><TD colspan="2" align="center" style="font-weight:bold;border:3px double red">每页都有的表头</TD></TR> </THEAD> <TBODY style="text-align:center""> <TR><TD>表格内容</TD><TD>表格内容</TD></TR> <TR><TD>表格内容</TD><TD>表格内容</TD></TR> <TR><TD>表格内容</TD><TD>表格内容</TD></TR> <TR><TD>表格内容</TD><TD>表格内容</TD></TR> <TR><TD>表格内容</TD><TD>表格内容</TD></TR> <TR><TD>表格内容</TD><TD>表格内容</TD></TR> <TR style="page-break-after:always;"><TD>表格内容</TD><TD>表格内容</TD></TR> <TR><TD>表格内容</TD><TD>表格内容</TD></TR> <TR><TD>表格内容</TD><TD>表格内容</TD></TR> <TR><TD>表格内容</TD><TD>表格内容</TD></TR> <TR><TD>表格内容</TD><TD>表格内容</TD></TR> <TR><TD>表格内容</TD><TD>表格内容</TD></TR> <TR><TD>表格内容</TD><TD>表格内容</TD></TR> <TR style="page-break-after:always;"><TD>表格内容</TD><TD>表格内容</TD></TR> <TR><TD>表格内容</TD><TD>表格内容</TD></TR> <TR><TD>表格内容</TD><TD>表格内容</TD></TR> <TR><TD>表格内容</TD><TD>表格内容</TD></TR> <TR><TD>表格内容</TD><TD>表格内容</TD></TR> <TR><TD>表格内容</TD><TD>表格内容</TD></TR> <TR><TD>表格内容</TD><TD>表格内容</TD></TR> <TR style="page-break-after:always;"><TD>表格内容</TD><TD>表格内容</TD></TR> </TBODY> <TFOOT style="display:table-footer-group;font-weight:bold"> <TR> <TD colspan="2" align="center" style="font-weight:bold;border:3px double blue">每页都有的表尾</TD> </TR> </TFOOT> </TABLE> <input type=button value=" 打 印 " onclick="window.print()"> |
|
出处:本站原创 作者:佚名 |
|
|