设置元素显示与隐藏的常用属性
display 显示方式
- none 元素隐藏,且隐藏之后,不保留其位置
- block 元素作为块级元素显示
- inline 元素作为行级元素显示
- inline-block 元素作为行内块元素显示
不同元素的display默认值不一样,一般使用none和block进行元素显示与隐藏的切换
visibility 可见性
- hidden 元素不可见,不是隐藏,所以保留其位置
- visible 元素可见(默认值)
overflow 溢出
- hidden 溢出隐藏
- auto 超出则显示滚动条
- scroll 一直显示滚动条
- visible 不隐藏溢出,也没有滚动条(默认值)
一般使用hidden,因为自带的滚动条样式无法修改,所以滚动条还是自己来做好