visibility:hidden和display:none的区别

大家知道,如果想让某一段代码在前台不显示,最简单的方法是用css的display:none即可,这样下边的内容就自动上移或右侧的左移来填补这个空隙。

但特殊情况下我们只需要隐藏这个元素,但它的位置不能被占了,那该怎么实现呢。

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

visibility:hidden | visible 

display:none | block | inline

原文地址:https://www.cnblogs.com/as3lib/p/4476009.html