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

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

十年的阿克塞哈萨克族自治网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。营销型网站建设的优势是能够根据用户设备显示端的尺寸不同，自动调整阿克塞哈萨克族自治建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。创新互联从事“阿克塞哈萨克族自治网站设计”,“阿克塞哈萨克族自治网站推广”以来，每个客户项目都认真落实执行。

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标准在中国的应用及发展