在WEB上打印時,當頁面元素不想在打印時顯示時可以使用一個CSS樣式,定義這個CSS的方法如下:

<style>
	@media print {
		.Noprn {
			display: none;
		}
	}
</style>

-----------------------------------------------------------------------------------------------------------

@media版本：CSS2　 兼容性：IE5+

語法：
@media sMedia { sRules }
取值：
sMedia :
指定設備名稱。

all?用于所有設備類型

handheld? 用于小型或手提設備
print? 用于打印機

screen? 用于計算機顯示器

sRules : 樣式表定義
說明：
指定樣式表規則用于指定的設備類型。此規則無默認值。
請參閱 link 對象的 media 屬性(特性)。
示例：

<style type="text/css">
	// 設置顯示器用字體尺寸
	@media screen {
		BODY {
			font-size: 12pt;
		}
	}

	// 設置打印機用字體尺寸
	@media print {
		@import "print.css"

		BODY {
			font-size: 8pt;
		}
	}
</style>

---------------------
作者：jadexupeng
來源：CSDN
原文：https://blog.csdn.net/jadexupeng/article/details/980791

總結

以上是生活随笔為你收集整理的用CSS来隐藏不希望被打印出来的元素的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。