css中display:none和visibility:hidden的区别

今天就跟大家聊聊有关css中display:none和visibility:hidden的区别，可能很多人都不太了解，为了让大家更加了解，小编给大家总结了以下内容，希望大家根据这篇文章可以有所收获。

【display:none】与【visibility:hidden】的区别是：1、前者不为被隐藏的对象保留其物理空间，后者为被隐藏的对象保留其物理空间；2、前者值变成block的时候结构才会被加载进来，后者加载页面的同时就已经把它加载进来。

display:none 不为被隐藏的对象保留其物理空间

visibility：hidden 为被隐藏的对象保留其物理空间也就是display:;

当他的值变成block 的时候，它所在的结构才会被加载进来。

而visibility就会在加载页面的同时就已经把它加载进来了，因为他的值为hidden的时候，它所占的空间还在。

使用CSS display:none属性后，HTML元素（对象）的宽度、高度等各种属性值都将“丢失”;

而使visibility:hidden属后，HTML元素（对象）仅仅是在视觉上看不见（完全透明），而它所占据的空间位置仍然存在

看完上述内容，你们对css中display:none和visibility:hidden的区别有进一步的了解吗？如果还想了解更多知识或者相关内容，请关注亿速云行业资讯频道，感谢大家的支持。