在HTML中隐藏元素，最常用的方法是利用CSS的display和visibility属性，二者在隐藏效果和布局影响上有显著区别，具体如下display 会彻底移除元素，使其不占据任何空间，就像从未存在过一样当一个元素的display属性被设置为时，浏览器会完全不渲染它，不会影响页面布局，也不会占据空间例如；Android中visibility属性的VISIBLEINVISIBLEGONE的区别如下VISIBLE含义控件在界面上可见空间占用占用布局空间Java代码viewsetVisibilityINVISIBLE含义控件在界面上不可见空间占用仍然保留控件所占的空间Java代码viewsetVisibilityGONE含义控件不仅隐藏，还从界面布局中删除空间。
在CSS中，quotvisibilityquot 属性用于控制元素的可见性当元素的 quotvisibilityquot 属性被设置为 quotvisiblequot 时，该元素将呈现为可见状态，这是其默认值与 quotdisplay quot 不同，quotvisiblequot 元素即使被隐藏，依然占据其原始空间，只是用户看不见它若将 quotvisibilityquot 属性设置为 quothiddenquot，则元素会完全。
安卓visibility属性
二visibility visibility 属性用来设置或检索是否显示对象与 display 属性不同，visibility 属性为隐藏的。
一个控件的visibility的属性值主要有以下几种，它们之间的区别如下Visible控件是可见的，并且用户可以与之交互这是控件的默认状态，控件会正常显示并响应事件Hidden控件被隐藏，不可见，但仍然占据布局空间用户无法看到或与之交互，但它仍然存在于控件树中，且仍对其父控件的布局产生影响这可能。
特殊场景表格元素中的 collapse在表格行或列中，visibilitycollapse 的行为类似 visibilityhidden，但会完全删除行或列的占位空间类似 display 对表格的影响不过，此值仅适用于表格相关元素，其他元素使用时会退化为 hidden继承性visibility 属性支持继承若父元素设置为 visibilityhidden。
Visibility 属性在HTML中用于控制元素的可见性，共有四个可用值visiblehiddencollapse 和 inherit在实际应用中，visible 和 hidden 是最常使用的值visible 是默认值，表示元素是可见的hidden 则表示元素不可见当使用collapse 值于表格元素时，此值可以删除一行或一列，但它不会影。
visibility属性用于设置
1、Visibility 属性在HTML中用于控制元素的可见性，共有四个可用值visiblehiddencollapse 和 inherit在实际应用中，visible 和 hidden 是最常使用的值visible 是默认值，表示元素是可见的hidden 则表示元素不可见当使用collapse 值于表格元素时，此值可以删除一行或一列，但它不会影响表格的布局。
2、在Android中，visibility属性是用于控制视图可见性的关键属性，它有三个主要的选项VISIBLEINVISIBLE 和 GONE每种选项都对应着不同的可见性状态，具体如下当XML文件中或Java代码中，将控件的androidvisibility属性设置为quotvisiblequot时，控件在界面上变为可见对应的Java代码为viewsetVisibilityView。
3、空间占用 visibility hidden隐藏元素但保留其占据的页面空间，布局中仍会为该元素预留位置display 彻底移除元素，不占据任何空间，后续元素会前移填补其位置恢复显示的方式 visibility hidden通过设置visibility visible可直接恢复显示，无需考虑元素原始类型display 需将display属性。
本文来自作者[苏飞鸿]投稿，不代表调研号立场，如若转载，请注明出处：https://kydy.org.cn/miao/5258.html
评论列表（4条）
我是调研号的签约作者“苏飞鸿”！
希望本篇文章《visibility属性/visibility bias》能对你有所帮助！
本站[调研号]内容主要涵盖：调研号,生活百科,小常识,生活小窍门,百科大全,经验网
本文概览：在HTML中隐藏元素，最常用的方法是利用CSS的display和visibility属性，二者在隐藏效果和布局影响上有显著区别，具体如下...