如何使用CSS中的visibility属性控制内容显示

小编给大家分享一下如何使用CSS中的visibility属性控制内容显示，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！

CSS使用visibility属性控制内容显示

什么是CSS的visibility属性？

设置或检索是否显示对象。

请区别与display属性不同，此属性为隐藏的对象保留其占据的物理空间。也就是说：

visibility属性取值为hidden时，只是改变了元素的可见性，元素所占有的空间依然存在。

visibility是一个不可继承的属性，如果希望对象为可视，其父对象也必须是可视的。

CSS的visibility属性有些哪取值？

inherit：继承上一个父对象的可见性

visible：对象可视

hidden：对象隐藏

collapse：主要用来隐藏表格的行或列。隐藏的行或列能够被其他内容使用。对于表格外的其他对象，其作用等同于hidden。IE5.5尚不支持此属性。

我们看下面的一个例子来理解visibility属性：

我们在文字中插入一个图片，请注意文字与图片的位置。

SourceCodetoRun

      *{margin:0;padding:0;font-size:13px;color:#000;}  #test{width:300px;margin:20pxauto;background:#ccc;}      我爱CSS-Web标准化Div+css教程至力于Web标准在中国的应用及发展