首页 > 其他 > 详细

visibility:hidden和display:none的区别

时间:2015-05-04 15:01:39      阅读:125      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!