前端学习之css-元素的显示与隐藏(display、visibility、overflow)

1.display 显示

display：设置或检索对象元素是否及如何显示。

display:none 隐藏对象
display:block 转为块级元素、显示元素

特点:如下图所示，隐藏之后,不再保留位置。

2.visibility 可见性

visibility：设置或检索对象是否显示。
visibility: visible 显示
visibility: hidden 隐藏

特点:如下图所示，隐藏之后,继续保留原有位置。

3.overflow 溢出

overflow：检索或设置当对象的内容超过其指定的宽度或高度时应如何管理内容
visible 不剪切内容也不显示滚动条
auto 超出自动显示滚动条，不超出不显示滚动条
hidden不显示超出对象尺寸的内容，超出的部分隐藏掉
scroll不管是否超出对象尺寸，始终显示滚动条