CSS 元素的显示与隐藏（display属性、visibility属性、overflow属性）

元素的显示与隐藏

• 本质：让一个元素在在页面中隐藏或者显示出来。

1.dispaly属性

display: none;      隐藏对象
display: block;     除了转换为块级元素之外，还有显示元素的意思

注意：
1、display隐藏元素之后，不再占有原来的位置

2.visibility属性

visibility: visible;  元素可视
visibility: hidden;   元素隐藏

注意：
1、visibility隐藏元素后，继续占有原来的位置

3.overflow属性（溢出内容的显示与隐藏）

overflow: visible | hidden | scroll | auto

注意：
1、属性值具体说明见下表：

属性值	说明
visible	不剪切内容，也不添加滚动条
hidden	隐藏超出的部分
scroll	不管内容是否超出，都显示滚动条
auto	只有内容超出时才显示滚动条，不超出则不显示

---

微信公众号也会定期更新，觉得文章写得还可以的，可以加个关注！点个赞！谢谢！