手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >打印网页中不打印页面中的某些内容
打印网页中不打印页面中的某些内容
摘要:其实很简单,用一个CSS就可以实现了,这个方法同时支持IE和FF。HTML内容XML/HTMLCode复制内容到剪贴板TestPrint.c...

其实很简单,用一个CSS就可以实现了,这个方法同时支持IE和FF。

HTML内容

XML/HTML Code复制内容到剪贴板 <HTML> <HEAD> <TITLE>TestPrint</TITLE> <STYLEtype="text/css"> .css1{ text-align:center; text-align:center; height:250; width:400; background-color:blue; } .css2{ text-align:center; height:250; width:400; background-color:red; } @mediaprint{ .printbtn,.css1{ display:none; } } </STYLE> </HEAD> <BODY> <DIVclass="printbtn"><INPUTtype="button"value="Print"onclick="window.print()"/>Printbuttoncan'tprintout,Butitcandisplayinpage.</DIV> <DIVclass="css1"><BR/><BR/><BR/>Notprintout</DIV> <DIVclass="css2"><BR/><BR/><BR/>Printout</DIV> </BODY> </HTML>

主要是在于CSS @media print,这个定义了打印时引用的CSS。css1定义了display: none;,所以打印时css1的类型不会被打印。

【打印网页中不打印页面中的某些内容】相关文章:

如何在一个页面做两种超链接的CSS样式

用CSS轻松实现网上填空

任意图片实现垂直居中的三种方法(兼容性还不错)

css控制div中元素居中的示例

css中不确定高度垂直居中2种方法

CSS网页右下角广告的布局实例

怎样在网页中显示虚线

如何在网页中插入CSS

CSS制作网页总结的一些经验

最近在网页中常用的css和js酷炫动画效果

精品推荐
分类导航