打印网页中不打印页面中的某些内容_ Div+Css教程-查字典教程网
打印网页中不打印页面中的某些内容
打印网页中不打印页面中的某些内容
发布时间:2016-12-27 来源:查字典编辑
摘要:其实很简单,用一个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的类型不会被打印。

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新 Div+Css教程学习
    热门 Div+Css教程学习
    网页设计子分类