css显示隐藏元素
1、display:none 元素在页面不显示
但是在dom结构上能看到
【js|css显示隐藏元素】触发回流和重绘
1、其余属性 block: 块元素
inline: 行内元素(默认值)
inline-block:行内块元素
inherit:继承父元素的display属性
2、opacity:0 透明度为0
只是看不到,但是还存在,点击事件可以触发
会触发页面的重绘,不会触发重排
3、visibility:hidden 元素不可见,但是会占据空间
不会触发事件
会触发页面的重绘,不会触发重排
1、其余属性 visible: 默认值,可见
collapse:用在table元素上,表现和display:none
一致;用在其它元素上,表现和visibility:hidden
一致
inherit: 继承父元素的visibility的属性
推荐阅读
- web前端实战项目|[css]Flex弹性布局详解 [附携程网移动端案例]
- HTML|HTML(Boostarp设计登录页面)
- 前端|简单零基础学会H5移动端滑动翻页效果
- JavaWeb?|HTML-一小时学会HTML【最全总结】
- JavaScript|DOM操作CSS
- HTML|HTML 前端学习(1)—— 初识HTML
- html|2小时入门html5 新手教程
- HTML|1小时学会HTML5基础
- css中实现水平,垂直居中的5种方法