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

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

成都创新互联公司专注于企业全网营销推广、网站重做改版、筠连网站定制设计、自适应品牌网站建设、成都h5网站建设、电子商务商城网站建设、集团公司官网建设、外贸网站建设、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为筠连等各大城市提供网站开发制作服务。

【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的区别有进一步的了解吗？如果还想了解更多知识或者相关内容，请关注创新互联行业资讯频道，感谢大家的支持。

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容