元素的显示与隐藏——display、visibility、overflow

元素的显示与隐藏

让一个元素在页面中隐藏或者显示出来

display显示隐藏

display属性用于设置一个元素如何显示

1. display: nonoe;隐藏对象
2. display: block;除了有将元素转化为块级元素之外，还有显示元素的意思。

display属性隐藏元素后，元素不再占有原来的位置。搭配JS可以做很多网页特效。

visibility显示隐藏

visibility属性用于设置一个元素可见还是隐藏。

1. visibility: visible;元素可视
2. visibility: hidden;元素隐藏

visibility属性隐藏元素后，元素仍占有原来的位置。

overflow溢出显示隐藏

overflow属性指定了如果内容溢出元素的框会发生什么。

1. overflow: visible;默认属性，显示溢出部分。
2. overflow: hidden;隐藏溢出部分的内容。
3. overflow: scroll;添加滚动条显示内容。不管内容是否溢出，一直添加滚动条。
4. overflow: auto在需要的时候添加滚动条进行显示。溢出显示滚动条，不溢出不显示滚动条。