display:none | visibility:hidden 的区别

来源:互联网 发布:goodsync mac 编辑:程序博客网 时间:2024/06/12 19:04
  1. <html>  
  2. <head>  
  3.     <meta name="viewport" content="width=device-width" />  
  4.     <title>Index4</title>  
  5. </head>  
  6. <body>  
  7.     <div>  
  8.         <!--display:none是隐藏元素,隐藏后它并不会再占用之前所占的区域(也就是说,连它自己的位置都隐藏掉了)-->  
  9.         <div style="display:none">小苹果</div>  
  10.   
  11.         <!--visibility:hidden是隐藏元素,隐藏后,它还会占用之前所占的区域(也就是说仅仅是隐藏它自己的外观,并不会隐藏自己的位置)-->  
  12.         <div style="visibility:hidden">圣女果</div>  
  13.     </div>  
  14. </body>  
  15. </html>  
0 0