visibility:hidden与display:none的区别

display:none和visibility:hidden都能把网页上某个元素隐藏起来，但两者有区别:


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

 

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


display:none ---不为被隐藏的对象保留其物理空间，即该对象在页面上彻底消失，


通俗来说就是看不见也摸不到。

visiblility:hidden--- 使对象在网页上不可见，但该对象在网页上所占的空间没有


改变，通俗来说就是看不见但摸得到。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容