码迷,mamicode.com
首页 > 其他好文 > 详细

visibility:hidden和display:none的区别

时间:2015-05-04 15:03:02      阅读:123      评论:0      收藏:0      [点我收藏+]

标签:

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

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

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

 

visibility:hidden | visible 

display:none | block | inline

visibility:hidden和display:none的区别

标签:

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!