0
点赞
收藏
分享

微信扫一扫

visibility:hidden和display:none的区别

宁静的猫 2022-03-15 阅读 90
前端css

visibility:hidden和display:none有以下几种不同,分别是1、作用不同;2、使用后HTML元素有所不同;3、定义不同。

1、作用不同:

visibility:hidden将元素隐藏,但是在网页中该占的位置还是占着。

display:none将元素的显示设为无,即在网页中不占任何的位置。

2、使用后HTML元素有所不同:

visibility:hidden,使用该属性后,HTML元素(对象)仅仅是在视觉上看不见(完全透明),而它所占据的空间位置仍然存在,也即是说它仍具有高度、宽度等属性值。

display:none,使用该属性后,HTML元素(对象)的宽度、高度等各种属性值都将“丢失”。

3、定义不同:

visibility属性指定一个元素是否是可见的。

display这个属性用于定义建立布局时元素生成的显示框类型。

举报

相关推荐

0 条评论