display:none | visibility:hidden 的区别
2015-07-07 08:49
399 查看
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index4</title>
</head>
<body>
<div>
<!--display:none是隐藏元素,隐藏后它并不会再占用之前所占的区域(也就是说,连它自己的位置都隐藏掉了)-->
<div style="display:none">小苹果</div>
<!--visibility:hidden是隐藏元素,隐藏后,它还会占用之前所占的区域(也就是说仅仅是隐藏它自己的外观,并不会隐藏自己的位置)-->
<div style="visibility:hidden">圣女果</div>
</div>
</body>
</html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index4</title>
</head>
<body>
<div>
<!--display:none是隐藏元素,隐藏后它并不会再占用之前所占的区域(也就是说,连它自己的位置都隐藏掉了)-->
<div style="display:none">小苹果</div>
<!--visibility:hidden是隐藏元素,隐藏后,它还会占用之前所占的区域(也就是说仅仅是隐藏它自己的外观,并不会隐藏自己的位置)-->
<div style="visibility:hidden">圣女果</div>
</div>
</body>
</html>
相关文章推荐
- Oracle学习(十六)之建表和审计以及权限管理
- Tomcat6.0.18下出现The requested resource(/)is not available
- 课程设计
- 【剑指Offer学习】【面试题43 : n 个锻子的点数】
- 小米销量下滑!除了价格,真以为有参与感啊!
- 深入了解HTTP协议、HTTP协议原则
- ubuntu下安装nvidia显卡驱动
- Windows下mysql忘记root密码的解决方法
- Android基础-简单的动画实现 *补间动画 *透明度渐变 *旋转动画 *位移动画 *如果需要几个效果整合到一起,需要将所有效果全部放到set里
- 类和对象
- 关于C指针
- CSRF 攻击的应对之道
- auto_ptr源码剖析
- 【BZOJ2882】【字符串的最小表示】工艺
- Binder学习一——基础数据结构
- iOS_21团购_顶部菜单和弹出菜单联动
- 类模板与友元函数链接问题
- Squid正向代理的身份验证
- Windows 10 Build 10162向Slow Ring通道推送
- STM32W108无线射频模块串行通信接口