双鱼座的天蝎

导航

隐藏与显示:display/visibility/visible区别

说到标签的隐藏,你们会用到什么呢?display?visibility?还是服务器控件的visible?

显然,这三者都能起到隐藏与显示的效果,但是用途确完全不一样,请看用法与区别:

<div style="display:">显示</div>
<div style="display:none;">隐藏不占位</div>

<div style="visibility:">显示</div>
<div style="visibility:hidden;">隐藏占位</div>

<div visible="true" runat="server">显示</div>
<div visible="false" runat="server">消失不占位</div>


说明:

  1)display

    隐藏必须使用none,该隐藏不占位,页面源代码可见

    显示可使用空或block或inline,意思分别为:无此属性、显示视为DIV(有换行符)、显示视为span(无换行符)。

  2)visibility

    隐藏必须使用hidden,该隐藏占位,页面源代码可见

    显示可使用空或visible,意思分别为:无此属性、显示。

  3)visible(服务器控件)

    隐藏必须使用falserunat="server"该隐藏不占位,页面源代码不可见

    显示可使用空或true,意思分别为:无此属性、可见。

  

posted on 2013-07-24 11:39  双鱼座的天蝎  阅读(4829)  评论(0编辑  收藏  举报