display:none与visibility:hidden的区别是什么

来源:互联网 发布:电脑图片编辑软件 编辑:程序博客网 时间:2024/05/18 03:25
  • display : 隐藏对应的元素但不挤占该元素原来的空间。
  • visibility: 隐藏对应的元素并且挤占该元素原来的空间。
  即是,使用CSS display:none属性后,HTML元素(对象)的宽度、高度等各种属性值都将“丢失”;而使用visibility:hidden属性后,HTML元素(对象)仅仅是在视觉上看不见(完全透明),而它所占据的空间位置仍然存在。
0 0
原创粉丝点击