style.display与style.visibility的区别

简介: style.display与style.visibility的区别 style.visibility一般取值'visible'或'hidden'进行显示和隐藏,但是元素所占据的网页位置是不释放的,只是看不见。

style.display与style.visibility的区别

style.visibility一般取值'visible'或'hidden'进行显示和隐藏,但是元素所占据的网页位置是不释放的,只是看不见。效果就是该位置上空了一块。而style.display一般取值'block'或'none'进行显示和隐藏,不过会释放掉网页上的位置.
目录
相关文章
|
1月前
|
前端开发
CSS:为什么看起来content-box更合理,但还是经常使用border-box?
CSS:为什么看起来content-box更合理,但还是经常使用border-box?
24 2
|
8月前
CSS3 【display: flex;】与【align-self: 可覆盖父元素设置的algin-items;】的使用
CSS3 【display: flex;】与【align-self: 可覆盖父元素设置的algin-items;】的使用
25 0
|
9月前
display:none和visibility: hidden区别
display:none和visibility: hidden区别
|
9月前
CSS3 【display: flex;】与【align-self: 可覆盖父元素设置algin-items;】的使用
CSS3 【display: flex;】与【align-self: 可覆盖父元素设置algin-items;】的使用
44 0
|
前端开发
每日一学—CSS overflow与text-overflow与white-space属性
CSS overflow 属性可以控制内容溢出元素框时在对应的元素区间内添加滚动条。text-overflow 属性指定当文本溢出包含它的元素时,应该如何显示。可以设置溢出后,文本被剪切、显示省略号 (...) 或显示自定义字符串(不是所有浏览器都支持)。white-space属性指定元素内的空白怎样处理。
232 0
每日一学—CSS overflow与text-overflow与white-space属性
|
前端开发
CSS - 行内元素的 padding、margin、width、height、line-height 是否无效?
CSS - 行内元素的 padding、margin、width、height、line-height 是否无效?
393 0
CSS - 行内元素的 padding、margin、width、height、line-height 是否无效?
|
前端开发 JavaScript API
How to change the background color of button in Footer area
How to change the background color of button in Footer area
105 0
How to change the background color of button in Footer area