用户登陆
站点日历
站点统计
最新评论
日志搜索
任意设置网页中打印的范围 [ 日期：2008-05-25 18:39:15 ] [ 来自：海外邮件中继，海外退信中继，美国高速VPS，不限流量VPN，邮局维护和管理，邮件网关，EMOS邮件中继，POSTFIX邮件中继，Winwebmail邮件中继,Winmail邮件中继,DBMail邮件中继,JDMail邮件中继,Exchange邮件中继,MDaemon邮件中继 淘宝店：http://shantan.taobao.com 云邮科技官网：www.yunrelay.com
【字体设置：大 中 小】
在设计网页的时候,我们有时候需要把网页中的有些信息,比如文章的内容打印下来,但是又不想有太多附带的信息,比如版权说明之类的没有用的信息,此时我们可以通过一些代码来限制可以打印的范围,把不需要的东西排除在外.
具体的代码如下:
首先在<head></head>之间加上这些代码
<style media="print">
.noprint { display: none }
.printTable { align: left; width:600}
.divprint
{
margin-left: auto;
margin-right: auto;
width: 600;
text-align: left;
}
</style>
然后在<body>后紧跟着加上<div class="divprint">,同时在</body>之前紧跟着加上</div>,这样设置以后整个BODY的内容都是可以打印的.
最都我们在不需要的地方限制打印就可以了,找到任意行的<tr>标记,把它变成<tr class="noprint">这样,整行的表格就不会在打印中出现了,你可以多处进行这样的标记就可以排除所有不需要打印的内容了.
下面是一个简单的例子,供大家参考一下,把内容复制保存为htm格式,打开,点文件>打印预览 你就会发现里面没有"测试一"的内容了:
<html>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>测试网页</title>
<style media="print">
.noprint { display: none }
.printTable { align: left; width:600}
.divprint
{
margin-left: auto;
margin-right: auto;
width: 600;
text-align: left;
}
</style>
</head>
<body>
<div class="divprint">
<table border="1" width="100%" id="table1">
<tr class="noprint">
<td>测试一</td>
<td>测试一</td>
<td>测试一</td>
</tr>
<tr>
<td>测试二</td>
<td>测试二</td>
<td>测试二</td>
</tr>
</table>
</div>
</body>
</html>
发表评论 - 不要忘了输入验证码哦！
首页 | 心情日记 | 建站心得 | 编程技术 | 大盘分析 | 股市信息 | 学习园地 | 电脑技巧 | 物流外贸 | 另类其它 | 站长推荐 | 给我留言 | 相册