CSS3 总结（十）——元素的显示与隐藏

元素的显示与隐藏

在CSS中三个显示和隐藏的属性比较常见，我们要区分开，分别是：display、visibility和overflow。他们的主要目的是让一个元素在页面中消失，但是不在文档源码中删除。例如页面中的广告，当点击类似关闭不见了，但是我们刷新页面，又会出现。

属性	说明
display	使用该属性隐藏元素之后不会保留位置。取值： 1.none ：此元素不会被显示。 2.block 此元素将显示为块级元素，此元素前后会带有换行符。除了这个还有显示元素的意思。
visibility	visibility属性指定一个元素是否是可见的。即使不可见的元素也会占据页面上的空间。取值： 1.visible： 默认值。元素是可见的。 2.hidden： 元素是不可见的。 3.collapse ：当在表格元素中使用时，此值可删除一行或一列，但是它不会影响表格的布局。被行或列占据的空间会留给其他内容使用。如果此值被用在其他的元素上，会呈现为 “hidden”。
overflow	overflow属性指定如果内容溢出一个元素的框，会发生什么。取值： 1.visible ：默认值。内容不会被修剪，会呈现在元素框之外。 2.hidden ：内容会被修剪，并且其余内容是不可见的。 3.scroll ：内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容（即不管超不超出都显示滚动条）。 4.auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。