Home  >  Article  >  php教程  >  display:none与visibility:hidden不同的隐藏

display:none与visibility:hidden不同的隐藏

WBOY
WBOYOriginal
2016-06-07 17:24:001431browse

    相同点:display:none和visible:hidden都有把网页上某个元素隐藏起来的功能。


区别:
visibility:hidden--为隐藏的对象保留其物理空间
display: none--不为被隐藏的对象保留其物理空间

    文字看起来不好理解,我喜欢实例,下面是我整理的一个经典实例,分享一下:


 
  display:none与visibility:hidden的区别
 
 
 


 
   
   
 
 
   
   
 
 

    
    
     
    
    
     
    
    
     
    
    
第一行
第二行
第三行

   

    
    
     
    
    
     
    
    
     
    
    
第一行
第二行
第三行

   
style="display:none" style="visibility:hidden"

 
 

     

    还好,调试时我连图也截上了,看图:

    结合前面的代码一起看,如果还看不明白,最好自己动手实践一下!


 

    本文首发WBlog博客,欢迎转载!转载请注明本文地址,谢谢。


本文地址:http://w3note.com/web/25.html

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn