使用CSS打印网页时如何隐藏元素？

媒体查询用于在打印网页时隐藏元素。使用@media 打印查询并将可见性设置为需要在打印时隐藏的元素。

示例 1：在本示例中，在打印时隐藏元素 h1。要隐藏元素 h1，请使用媒体查询并设置可见性：隐藏。

html



    
        Hide element at print
        
    
    
        GeeksforGeeks
         
GeeksforGeeks: It is a computer science
        portal for geeks

html



    
        Hide element at printing
        
    
    
        GeeksforGeeks
         
A computer science portal for geeks

输出：
打印页面之前：

打印页面后：

示例 2：在此示例中，使用媒体查询在打印网页时隐藏图像元素。

html



    
        Hide element at printing
        
    
    
        GeeksforGeeks
         
A computer science portal for geeks

输出：
打印页面之前：

打印页面后：