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

display:none与visible:hidden的区别

时间:2015-12-17 19:15:45      阅读:149      评论:0      收藏:0      [点我收藏+]

标签:

转自http://www.cnblogs.com/nicholas_f/archive/2009/03/27/1423207.html

<html>
< head>
< title>display:none和visible:hidden的区别</title>
< /head>
< body >
< span style="display:none; 隐藏区域</span><span style=" background-color:Green">显示区域</span><br />
< span style="visibility:hidden; 隐藏区域</span><span style="background-color:Green">显示区域</span>
< /body>
< /html>

现在添加结果示意图:可以看到第一个绿色背景的区域是直接贴着边儿的,也就是说display:none不占空间,而第二个

技术分享

display:none与visible:hidden的区别

标签:

原文地址:http://www.cnblogs.com/mrxiaohe/p/5055002.html

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