今天小编跟大家讲解下有关css中display和visibility的用法和区别介绍 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关css中display和visibility的用法和区别介绍 的相关资料，希望小伙伴们看了有所帮助。
Display的属性值block：当display被设置为block(块)时 容器中所有的元素将会被当作一个单独的块 就像<DIV>元素一样 它会在那个点被放入到页面中。(实际上你可以设置<span>的display:block 使其可以像<DIV>一样工作。inline:
将display设置为inline 将使其行为和元素inline一样---即使它是普通的块元素如<DIV> 它也将会被组合成像<span>那样的输出流。none:最后是display被设置：none,这时元素实际上就从页面中被移走 它下面所在的元素就会被自动跟上填充。visibility的属性值
visibility:visible
visibility:hidden
visibility:collapse
visibility:inheritVisibility:none 和 Display:hidden 的区别
display:none;使用该属性后 HTML元素（对象）的宽度、高度等各种属性值都将“丢失”;visibility:hidden;使用该属性后 HTML元素（对象）仅仅是在视觉上看不见（完全透明） 而它所占据的空间位置仍然存在 也即是说它仍具有高度、宽度等属性值。
来源：爱蒂网
