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語句來禁止打印,以便保證文檔的安全性和保密性。
下一篇css禁止按鈕的點擊