开发者社区> 问答> 正文

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

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

展开
收起
茶什i 2019-11-18 15:08:43 1295 0
1 条回答
写回答
取消 提交回答
  • display : 隐藏对应的元素但不挤占该元素原来的空间。

    visibility: 隐藏对应的元素并且挤占该元素原来的空间。

    即是,使用 CSS display:none 属性后,HTML 元素(对象)的宽度、高度等各种属性值都将“丢失”;而使用 visibility:hidden 属性后,HTML 元素(对象)仅仅是在视觉上看不见(完全透明),而它所占据的空间位置仍然存在。

    2019-11-18 15:08:54
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
Transforming the data center 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载