首页 > 代码库 > 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区别
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。