CSS是前端開發(fā)中的重要一環(huán),它可以控制網(wǎng)頁的布局和樣式。在打印網(wǎng)頁時,我們可能不希望某些元素被打印出來,比如導航欄、廣告等。這時,我們可以使用CSS來實現(xiàn)讓某部分不打印出來。
@media print {
.no-print {
display: none;
}
}
上面的代碼中,我們使用了媒體查詢,當打印時,將樣式應用到類名為“no-print”的元素上。在樣式中,我們將該元素的display屬性設置為了none,即不顯示。
需要注意的是,上述樣式只在打印時起作用。如果我們要在屏幕上顯示該元素,需要在樣式中另外加一條display屬性。
@media screen {
.no-print {
display: block;
}
}
上述代碼表示當前屏幕中,樣式應用于類名為“no-print”的元素,此時將其display屬性設置為block,即正常顯示。
這樣,我們就可以使用CSS讓網(wǎng)頁上的某部分在打印時不顯示,從而得到更加整潔的打印布局。