display:none与visibility: hidden的区别
2024-08-25 01:56:48
display:none和visibility: hidden都能把网页上某个元素隐藏起来,但两者有区别:
display:none ---不为被隐藏的对象保留其物理空间,即该对象在页面上彻底消失。
visible:hidden--- 它只是把当前控检的标记标识为不显示,但该对象在网页上所占的空间没有改变,但在页面呈现的HTML标记语言中是存在着的,换句话说就是用JS取查找这个控检是可以查找到的。
display的常用属性:
none:元素不显示,且不占空间;
block:元素显示为块状元素
inline:默认。元素显示为内联元素
inline-block:行内块元素
inherit:继承
table:作为表格,子元素可以有display:table-cell、table-row等属性
display:none的一些常用作用:
1.写弹窗等事件
2.一个页面有很多个表单通过单击显示不同的内容
visibility的属性:
visible:默认。
hidden:元素不可见,但是仍然影响布局
collapse:当在表格元素中使用时,此值可删除一行或一列,但是它不会影响表格的布局。被行或列占据的空间会留给其他内容使用。如果此值被用在其他的元素上,会呈现为 "hidden"。
最新文章
- python之GUI编程(二)win10 64位 pygame的安装
- map find 是线程安全的吗
- 【BZOJ1901】Zju2112 Dynamic Rankings
- zabbix通过sendmail进行邮箱警报
- Python3 学习第九弹: 模块学习二之文件管理模块
- overfllow的解析
- [LeetCode] Optimal Division 最优分隔
- codeforces510D
- PyCharm激活(License server)
- 解决app安装成功后,直接点击“打开”再按home返回,再次打开app会重新启动的问题
- Alpha 冲刺 (10/10)
- Django 拾遗
- FCN 32分析:
- python 数字
- 第二届i春秋挖洞大赛的一些感想
- 怎么在eclipse中查到这个类用的是哪个jar的类和Eclipse 编译错误 Access restriction:The type *** is not accessible due to restriction on... 解决方案
- django源码解析之 BooleanField (二)
- js中如何以最简单的方式将数组元素添加到对象中
- oracle中验证身份证是否合法的函数脚本
- (转)Python数据分析之numpy学习