17CSS元素的显示与隐藏

在 CSS 中有三个显示和隐藏的单词比较常见，分别是 display、visibility 和 overflow。

一、display 显示

该属性设置或检索对手是否及如何显示。

语法格式：

display:属性值;

• block：以块级元素显示；
• inline：以行级元素显示；
• inline-block：以行块级元素显示；
• none：隐藏对象，特点：隐藏之后，不再为其保留位置。

二、visibility 可见性

该属性设置或检索是否显示对象。

语法格式：

visibility:属性值;

• visible：对象可以看见；
• hidden：对象隐藏不可见；特点：隐藏之后，继续保留原有位置。

三、overflow 溢出

该属性用于检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。

语法格式：

overflow:属性值;

• visible：默认值，不剪切内容也不添加滚动条；
• auto：超出自动显示滚动条，不超出不显示滚动条；
• hidden：不显示超过对象的内容，超出的部分隐藏掉；
• scroll：不管超出内容否，总是显示滚动条。