如何在隱藏特定元素的同時列印網頁？

如何在不顯示特定元素的情況下列印網頁

準備要列印的網頁時，通常需要隱藏某些不顯示的元素旨在出現在列印頁面上。其中包括導航按鈕或版權聲明等元素。

解決方案

要實現此目的，您可以結合使用 CSS 媒體查詢和 HTML 類別屬性。這是逐步指南：

1.樣式表修改

在您網站的樣式表中，加入以下CSS 程式碼：

@media print {
    .no-print, .no-print * {
        display: none !important;
    }
}

2. HTML 類別屬性

在HTML在程式碼中，透過向其添加類別屬性“no-print”來標識要在列印期間隱藏的元素。

範例HTML ：

<a href="#" class="no-print">Print This Page</a>
<p>Good Evening</p>

3.結果

當網頁查詢被列印時，CSS 媒體將隱藏所有具有“no-print”類別的元素，包括列印頁面本身的連結。因此，列印輸出將僅顯示文字“Good Evening”，而沒有“列印”標籤。

以上是如何在隱藏特定元素的同時列印網頁？的詳細內容。更多資訊請關注PHP中文網其他相關文章！