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

转载于:https://www.cnblogs.com/dehuachenyunfei/p/6835097.html