CSS打印中去掉導(dǎo)航欄是一個(gè)常見(jiàn)的需求。下面我們來(lái)看看如何實(shí)現(xiàn)。

@media print {
nav {
display: none;
}
}

上面的代碼使用@media print來(lái)定義一個(gè)打印樣式，其中nav表示導(dǎo)航欄，display: none表示隱藏導(dǎo)航欄。這樣在打印時(shí)，導(dǎo)航欄就會(huì)被隱藏。

如果頁(yè)面中有多個(gè)導(dǎo)航欄，在打印時(shí)都需要隱藏，可以使用類選擇器來(lái)指定：

@media print {
.nav {
display: none;
}
}

在HTML中給導(dǎo)航欄添加class="nav"即可。

除了隱藏導(dǎo)航欄，還可以通過(guò)調(diào)整CSS樣式來(lái)適應(yīng)打印。比如，可以設(shè)置字體大小、行高等屬性：

@media print {
nav {
display: none;
}
body {
font-size: 16px;
}
p {
line-height: 1.5;
}
}

上面的代碼中，body表示整個(gè)頁(yè)面，p表示段落。在打印時(shí)，將字體大小設(shè)為16px，行高設(shè)為1.5。

總之，通過(guò)CSS打印可以方便地調(diào)整頁(yè)面樣式，使得打印效果更加符合預(yù)期。