利用CSS控制打印

转载 2006年06月07日 18:03:00

<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()">

利用CSS控制打印

@media print{INPUT {display:none}}每页都有的表头表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内...
  • wxd0963
  • wxd0963
  • 2006年09月22日 15:14
  • 670

利用CSS控制打印

放在这里,算是一个备份@media print{INPUT {display:none}}每页都有的表头表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格...
  • hejishan
  • hejishan
  • 2008年03月11日 12:06
  • 206

利用CSS控制打印

@media print{INPUT {display:none}}每页都有的表头表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内...
  • luoboqingcai
  • luoboqingcai
  • 2004年09月27日 17:22
  • 814

最佳css控制打印方法

有了这个css基本上可以完成所有对打印的控制!style>...@media print{...}{INPUT {display:none}}style>TABLE border="0" style=...
  • phker
  • phker
  • 2008年04月07日 18:58
  • 900

利用CSS控制打印区域及分页,打印简单的报表

看看 .Noprint{display:none;} .PageNext{page-break-after: always;} .tdp {     border-bottom: 1 ...
  • add8849
  • add8849
  • 2004年08月30日 16:55
  • 1586

抄来的关于CSS控制打印Table

UNKNOWN { br: none } @media print{INPUT {display:none}}每页都有的表头表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容...
  • bladewing
  • bladewing
  • 2004年07月06日 16:51
  • 2057

用CSS来隐藏不希望被打印出来的元素

在WEB上打印时,当页面元素不想在打印时显示时可以使用一个CSS样式,定义这个CSS的方法如下:@media print { .Noprn{ display:none;}}--------------...
  • jadexupeng
  • jadexupeng
  • 2006年07月26日 15:43
  • 5439

利用CSS快速实现页面打印的分页设置

以前很少涉及到Web页面的批量打印,对于@foreach出来的循环表单强制分页打印也是第一次接触。网上找了下,从简单到复杂分类很多,但是今天才用到@media print这个CSS样式:CSS里有这样...
  • yushangbincheng
  • yushangbincheng
  • 2017年06月26日 10:29
  • 621

《走过的路 踩过的坑》--使用CSS3 @media控制页面打印

1 web系统中经常会有打印的需求,有的需要打印全部,有的可能只需要打印指定部分,要隐藏某些部分。 这里使用css @media来设置 example:...
  • Return__Null
  • Return__Null
  • 2016年08月03日 11:14
  • 923

css控制页面打印(分页、屏蔽不需要打印的对象)

样式:media="print">     .Noprint   {   DISPLAY:   none;}     .PageNext   {   PAGE-BREAK-AFTER:   alway...
  • tcdddd
  • tcdddd
  • 2006年11月13日 16:30
  • 5376
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:利用CSS控制打印
举报原因:
原因补充:

(最多只允许输入30个字)