display与visibility的区别是什么

这篇文章主要介绍“display与visibility的区别是什么”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“display与visibility的区别是什么”文章能帮助大家解决问题。

创新互联公司公司2013年成立,是专业互联网技术服务公司,拥有项目成都网站设计、网站建设网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元平和做网站,已为上家服务,为平和各地企业和个人服务,联系电话:13518219792

有些人简单的认为display: none;和visibility: hidden;

这两个属性的区别在于前者隐藏后不占据文档空间。

后者隐藏后会占据文档空间。

其实visibility: hidden并不是你想的这个简单。

visibility是一个你低估了的属性,

我们都知道visibility: hidden;是具继承性的,

如果父级元素设置了visibility: hidden;

那么子集元素也会看不见。

但是如果子集元素设置了visibility: visible;

则该子元素又会显示出来

这个和display:none有着本质的区别

       

  • 你看不见我1
  •    

  • 你看不见我2
  •    

  • 你看不见我3
  •    

  • 你看不见我4

我们发现虽然最外层的ul虽然被visibility: hidden

但是其子元素设置了 visibility: visible

那么该子元素就会被显示出来

关于“display与visibility的区别是什么”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注创新互联行业资讯频道,小编每天都会为大家更新不同的知识点。


当前文章:display与visibility的区别是什么
URL地址:http://pwwzsj.com/article/ihcicj.html