display:none vs visibility:hidden
2024-08-20 23:06:37
【display:none vs visibility:hidden】
设置元素的display为none是最常用的隐藏元素的方法。
1 .hide {
2 display:none;
3 }
将元素设置为display:none后，元素在页面上将彻底消失，元素本来占有的空间就会被其他元素占有，也就是说它会导致浏览器的重排和重绘。
设置元素的visibility为hidden也是一种常用的隐藏元素的方法，和display:none的区别在于，元素在页面消失后，其占据的空间依旧会保留着，所以它只会导致浏览器重绘而不会重排。
1 .hidden{
2 visibility:hidden
3 }
visibility:hidden适用于那些元素隐藏后不希望页面布局会发生变化的场景
参考：http://www.cnblogs.com/lrzw32/p/5191012.html
最新文章
- Mybatis拦截器 mysql load data local 内存流处理
- asp.net调用存储过程详解
- Python capitalize()方法
- spring随手笔记1：constructor-arg
- Unity实现滑页效果（UGUI）
- Mongodb 语法,update,insert,delete,find
- 硅谷新闻1--引导界面GuideActivity
- ubuntu解决arm-linux-gcc no such file的问题
- CUBRID学习笔记 29 web管理中文语言文件 CUBRID教程
- 【JavaScript学习笔记】点击消失
- CentOS7 安装 swoole
- Ajax 异步 XMLHttpRequest
- [置顶]VC2013的一个bug
- IOS-UI-UILable
- sql中如何分割字符串
- iOS隐藏键盘的几种方式
- python-Selenium库的详解
- [转] ElasticSearch 常用的查询过滤语句
- java 面向对象String类
- linux下svn版本控制的常用命令大全