手机
当前位置:查字典教程网 >网页设计 > 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的类型不会被打印。

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

IE9下DIV本来应该居中的结果显示为居左

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

网页添加CSS样式表的四种方式

CSS网页布局的技巧

如何在网页中插入CSS样式表

CSS导航布局中当前页面的具体实现demo示例

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

css控制div不能居中的解决办法

CSS网页设计时关于字体大小的设计

CSS实例:让页脚保持在未满屏页面的底部

精品推荐
分类导航