📌  相关文章
📜  使用CSS打印网页时如何隐藏元素？

📅  最后修改于: 2021-09-01 01:30:46             🧑  作者: Mango

媒体查询用于在打印网页时隐藏元素。使用@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

 
        image
        
    

输出：
打印页面之前：

打印页面后：

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

html 



    
        Hide element at printing
        
    
    
        
GeeksforGeeks

         

A computer science portal for geeks

 
        image
        
    
                   

输出：
打印页面之前：

打印页面后：