注册 登录
编程论坛 ASP技术论坛

请教CSS控制打印的代码是什么意思?用红色标记的内容

sylknb 发布于 2010-04-14 21:25, 721 次点击
利用CSS控制打印
放在这里,算是一个备份

<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()">
5 回复
#2
sylknb2010-04-16 17:51
怎么没有人回答?
#3
yms1232010-04-16 18:00
THEAD就是tablehead
tbody就是tablebody
一般在打印时用这两个标签可能很多。
#4
sylknb2010-04-16 18:16

请教!
1、<THEAD>与<tbody>分别与表格中的<th>、<td>有什么区别?
2、<style>
@media print{
INPUT {display:none}
}
</style>
此代码表示什么意思?
#5
yms1232010-04-16 19:16
@media print的解释
http://hi.baidu.com/uecd/blog/item/92fde258887833202934f05d.html
#6
sylknb2010-04-17 17:22
谢谢!但还有疑问:
1、INPUT {display:none} 表示什么?
2、<THEAD>与<tbody>分别与表格中的<th>、<td>有什么区别?
1