在作网站的时候,须要打印功能的状况下,有的时候不想让打印出来的信息显示打印按钮,感受显示出来很很差看。怎么办?css
下面有个很简单的方法,那就是在打开按钮上加上一个CSS样式ide
代码以下:测试
<style type="text/css">
@media print {
.noprint{display:none;}
}
</style>网站
<div class="noprint" style="text-align:center; margin:20px;"><button style="cursor:pointer;" onclick="window.print();">打印</button></div>spa
你用这个代码打印试一下,是否是没有打印按钮了?it
此CSS代码忆在IE和FF里测试经过。class
由此能够想象到,不想让打印出来的内容,均可以这样作。cli