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的区别有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。
分享题目:css中display:none和visibility:hidden的区别
URL网址:http://scyanting.com/article/pocsjc.html