css显示隐藏元素

css显示隐藏元素

1、display:none

元素在页面不显示

但是在dom结构上能看到

触发回流和重绘

1、其余属性

block: 块元素

inline: 行内元素（默认值）

inline-block：行内块元素

inherit：继承父元素的display属性

---

2、opacity：0

透明度为0

只是看不到，但是还存在，点击事件可以触发

会触发页面的重绘，不会触发重排

---

3、visibility:hidden

元素不可见，但是会占据空间

不会触发事件

会触发页面的重绘，不会触发重排

1、其余属性

visible： 默认值，可见

collapse：用在table元素上，表现和display:none一致；用在其它元素上，表现和visibility:hidden一致

inherit： 继承父元素的visibility的属性