首页 > 代码库 > display、visibility、visible区别

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(服务器控件)

    隐藏必须使用false值与runat="server",该隐藏不占位,页面源代码不可见。

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

参考:http://www.makaidong.com/%E5%8D%9A%E5%AE%A2%E5%9B%AD%E7%9F%A5%E9%81%93/16989.shtml

display、visibility、visible区别