打印网页中不打印页面中的某些内容

其实很简单，用一个CSS就可以实现了，这个方法同时支持IE和FF。 HTML内容 XML/HTML Code复制内容到剪贴板 <HTML> <HEAD> <TITLE>Test Print</TITLE> <STYLE type="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; } @media print { .printbtn, .css1 { display: none; } } </STYLE> </HEAD> <BODY> <DIV class="printbtn"><INPUT type="button" value="Print" onclick="window.print()"/> Print button can't print out, But it can display in page.</DIV> <DIV class="css1"><BR/><BR/><BR/>Not print out</DIV> <DIV class="css2"><BR/><BR/><BR/>Print out</DIV> </BODY> </HTML> 主要是在于CSS @media print，这个定义了打印时引用的CSS。css1定义了display: none;，所以打印时css1的类型不会被打印。

　　推荐阅读

　　CSS @import与link的具体区别

们知道在网页中引用外部CSS有两种方式，即:@import与link,我们也经常听到有人说要使用link来引入CSS更好,但是你知道为什么吗? link link就是把外部CSS与网页连接起来,具体形式: <link rel='stylesheet' href='st>>>详细阅读

本文标题：打印网页中不打印页面中的某些内容

地址：http://www.17bianji.com/kaifa2/CSS/16805.html

1/2 1