欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css禁止打印

張吉惟2年前11瀏覽0評論

CSS是網頁設計者所使用的一種樣式表語言,它可以用來比較準確地控制不同瀏覽器中的網頁元素樣式。不過,有時候我們可能不希望網頁被打印時也使用這種樣式。下面,我們就來看一下如何使用CSS禁止打印。

@media print {
* {
display: none !important;
}
body {
display: block !important;
}
#no-print, #no-print * {
display: none !important;
}
#print-only, #print-only * {
display: block !important;
}
}

首先,在上面的代碼中,我們使用了@media print語句,它是一個媒體查詢,用來設置文檔在打印時的樣式。大括號中的樣式聲明將應用于所有打印輸出的內容。

接下來,我們使用*選擇器將所有元素的顯示屬性設置為none,這意味著它們在打印時將被完全隱藏。

然后,我們將body元素的顯示屬性設置為block,這意味著它將被顯示,但其他元素將不會。

我們還可以使用ID選擇器來針對打印輸出中特定的元素進行設置。在上面的代碼中,我們使用了#no-print和#print-only ID選擇器,像這樣:

<div id="no-print">
<p>This content will not be printed.</p>
</div>
<div id="print-only">
<p>This content will only be printed.</p>
</div>

這樣,我們就可以將相關的元素的顯示屬性設置為none或block,以便在打印時控制它們的顯示隱藏。

總之,CSS是一個強大的網頁設計工具,使用它我們可以輕松地控制文檔的樣式和布局。我們可以通過簡單的CSS語句來禁止打印,以便保證文檔的安全性和保密性。