html分页表格中的线条,HTML_Web分页打印 细线表格+分页打印之终极攻略，最近给客户做打印的时候，客 - phpStudy...

Web分页打印 细线表格+分页打印之终极攻略

最近给客户做打印的时候，客户提出打印时不要打印该页面的头，只是打印表格里面的内容，因为头部有背景和打印按钮，而且要细线表格的那种，我想细线表格不是很简单吗

如果你还不知道细线表格怎么做，请看下面的代码实现效果：)

国家级 市级 人民日报 解放日报 新民晚报

然后把IE的设置为可以打印背景，本以为可以大功告成了

结果打印一预览，头部一个大黑块，为什么呢，因为我头部里面的有一个背景，结果占用页面！

.gTitle

{

width:100%;

height:32px;

line-height:32px;

background-image:url(images/gtitle.gif);

padding-left:130px;

margin-bottom:10px;

}

开始郁闷啦，在网上搜了半天都没有一个完美的解决方案，决定自己搞定。

自己琢磨了半天，终于搞定：)

Css定义如下：

noneprint： 打印时隐藏的样式定义

tabPrint： 要打印的细线表格样式定义

nextPate： 分页的样式定义

linetd： 呵呵，此处最关键，让你的表格打印时完美无缺

复制代码代码如下:

@media print {

.noneprint{display:none;}

}

.tabPrint td

{

border-left:#000000 solid 1px;

border-top:#000000 solid 1px;

height:21px;

}

table.tabPrint

{

border-right:#000000 solid 1px;

border-bottom:#000000 solid 1px;

}

.nextPage

{

page-break-after:always;

}

.linetd

{

border-bottom:solid 1px #000;

}

页面HTML如下：

记得在thead加上style="display:table-header-group;font-weight:bold"，这样每个页面才会有都表头哟

>> 首页>> 门户>>信息管理

标题：

所属街道：

-请选择状态-

录入日期：

--

ID="Table2">

所属街道标题录入日期国家级市级人民日报解放日报新民晚报

浦东新区浦三街道测试02-24-2009√√√浦东新区浦三街道sseref02-24-2009 浦东新区浦三街道sseref02-24-2009 第1页浦东新区浦三街道sdsedjiik02-24-2009 浦东新区浦三街道sdsedjiik02-24-2009 浦东新区浦三街道sdsedjiik02-24-2009 浦东新区浦三街道sdsedjiik02-24-2009 浦东新区浦三街道sdsedjiik02-24-2009

呵呵，标记为红色的地方你可要看仔细哟，完不完美全靠它！相关阅读:

ASP远程保存图片

Linux平台下文件的压缩与解压参数说明

VBS利用SendKeys输入中文字符的方法

Windows7 不能打开.hlp文件问题解决

CSS技巧:网页文字渐变效果

PHP语言在Web开发领域的编程优势

HTML教程:收集的常用的HTML标签(5)

asp.net 2.0中利用Ajax2.0实现JSON传送大量页面数据

javaScript window.event.keyCode 集合与测试方法

PHP 编码规范-文件名

正则表达式模式修正符 比如/esi

JavaScript 模拟用户单击事件

ASP.NET 2.0中的健康监测系统

修改php.ini设置上传文件的大小