当前位置: 代码迷 >> Web前端 >> visibility:hidden跟display:none的区别和使用
  详细解决方案

visibility:hidden跟display:none的区别和使用

热度:169   发布时间:2012-09-06 10:37:01.0
visibility:hidden和display:none的区别和使用
如果想让某一段代码在前台不显示,最简单的方法是用css的display:none即可,这样下边的内容就自动上移或右侧的左移来填补这个空隙。但特殊情况下我们只需要隐藏这个元素,但它的位置不能被占了,那该怎么实现呢。

突然发现css还有一个visibility属性,用 visibility:hidden;可以很方便实现隐藏元素在前台的显示,但它的位置不会被后边的元素抢占。

display:none(不占位,下边的内容就自动上移或右侧的左移来填补这个空隙)

visibility:hidden(占位,下边的内容不移动)


  相关解决方案