关闭

display:none | visibility:hidden 的区别

239人阅读 评论(0) 收藏 举报
分类:
  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

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:120863次
    • 积分:2889
    • 等级:
    • 排名:第12348名
    • 原创:155篇
    • 转载:114篇
    • 译文:0篇
    • 评论:14条
    最新评论