Web ページを印刷するときに不要な要素を非表示にするにはどうすればよいですか?

Web ページの印刷中に要素を非表示にする

Web ページを印刷すると、ボタンやリンクなど、最終的な印刷出力では不要な要素が印刷される場合があります。この問題を解決するには、次のことを検討してください。

CSS メディア クエリ:

CSS メディア クエリを利用して、印刷メディア タイプに基づいて要素をターゲットにします。例:

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

HTML クラスの割り当て:

次に、非表示にする要素にクラス (例: "no-print") を割り当てます。印刷。例:

<button class="no-print">Print Here</button>

このメソッドを使用すると、「no-print」クラスと「display: none」を設定する CSS メディア クエリによって割り当てられたように、印刷中に「ここに印刷」ボタンが非表示になります。 " 印刷メディアの場合。

以上がWeb ページを印刷するときに不要な要素を非表示にするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。