从品牌网站建设到网络营销策划,从策略到执行的一站式服务
小编给大家分享一下如何使用CSS中的visibility属性控制内容显示,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!
十年的阿克塞哈萨克族自治网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。营销型网站建设的优势是能够根据用户设备显示端的尺寸不同,自动调整阿克塞哈萨克族自治建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联从事“阿克塞哈萨克族自治网站设计”,“阿克塞哈萨克族自治网站推广”以来,每个客户项目都认真落实执行。
CSS使用visibility属性控制内容显示
什么是CSS的visibility属性?
设置或检索是否显示对象。
请区别与display属性不同,此属性为隐藏的对象保留其占据的物理空间。也就是说:
visibility属性取值为hidden时,只是改变了元素的可见性,元素所占有的空间依然存在。
visibility是一个不可继承的属性,如果希望对象为可视,其父对象也必须是可视的。
CSS的visibility属性有些哪取值?
inherit:继承上一个父对象的可见性
visible:对象可视
hidden:对象隐藏
collapse:主要用来隐藏表格的行或列。隐藏的行或列能够被其他内容使用。对于表格外的其他对象,其作用等同于hidden。IE5.5尚不支持此属性。
我们看下面的一个例子来理解visibility属性:
我们在文字中插入一个图片,请注意文字与图片的位置。
SourceCodetoRun
52CSS *{margin:0;padding:0;font-size:13px;color:#000;} #test{width:300px;margin:20pxauto;background:#ccc;} 我爱CSS-Web标准化Div+css教程 至力于Web标准在中国的应用及发展