css中的显示与隐藏

在css中有四种方法可以设置元素的显示与隐藏

1.display 显示

display 属性规定元素应该生成的框的类型。

• 设置display：none让此元素不会显示，从而达到隐藏的效果
• 设置display：block将此元素显示为块级元素，从而达到显示的效果

注意：隐藏之后不占据页面空间，不再为其保留位置

附：display的其他属性

2.visibility 可见性

visibility 属性规定元素是否可见。

• 设置visibility：hidden使元素不可见
• 设置visibility：visible使元素可见

注意：隐藏之后继续占据页面上的位置

附：visibility的其他属性

3.overflow 溢出

overflow 属性规定当内容溢出元素框时发生的事情。

• visible 默认值。内容不会被修剪，会呈现在元素框之外。
• hidden 内容会被修剪，并且其余内容是不可见的。
• scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
• auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。

4.opcity 透明度

opacity 属性设置元素的不透明级别。

value 规定不透明度。从 0.0 （完全透明）到 1.0（完全不透明）。