专业的广州网站建设公司、广州网站设计制作公司为您服务,电话:020-85548809,29883069
新闻中心
专业专注专心,行业行情行规
分享交流,永无止境,我们愿与您共同进步

网页建设技巧之网页打印隐藏内容

发布日期:[2010/11/1]   编辑:奇亿广州网站建设

网站建设中经常需用到打印功能,一般的做法是调用IE的打印控件,但有个问题是只能整页的打印出来,那如果想某些不打印显示出来,只打印某块结果位置的又该怎么办呢?下面是一种简单的网页打印隐藏内容技巧。

<style type="text/css">
<!--
@media Print   
{
.noprint {
 DISPLAY: none
}
-->
</style>

<div>正常打印内容</div>
<div class="noprint">不需要打印的隐藏内容</div>

<input name=Submit type="image" src="images/dayin.gif" onClick="window.print();">

这样打印网页时就只打印<div>正常打印内容</div>了,至于其他的不打印内容统统可用样式class="noprint"定义起来。

广州建网站、广州做网站
或者将本文《网页建设技巧之网页打印隐藏内容》收藏和分享到:
复制本文《网页建设技巧之网页打印隐藏内容》地址给好友: