芜湖网站建设芜湖网站优化、模板建站、微信小程序开发的网站定制服务由芜湖芝麻开门网络科技有限公司为您服务。
建站电话

17354299937

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

标签:芜湖网络公司 2020/6/3 

芜湖网络公司

说到标签的隐藏,你们会用到什么呢?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,意思分别为:无此属性、可见。