css怎样实现不显示元素
小编给大家分享一下css怎样实现不显示元素,希望大家阅读完这篇文章后大所收获,下面让我们一起去探讨吧!
成都创新互联公司服务项目包括宜城网站建设、宜城网站制作、宜城网页制作以及宜城网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,宜城网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到宜城省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!
css实现不显示元素的方法:可以利用display和visibility属性实现,如【display:none;visibility:hidden;】。display属性规定元素应该生成的框的类型,visibility属性规定元素是否可见。
css中的display和visibility属性都可以用来隐藏和显示html元素。
display属性:
display 属性规定元素应该生成的框的类型。
属性值:
none 此元素不会被显示。
block 此元素将显示为块级元素,此元素前后会带有换行符。
inline 默认。此元素会被显示为内联元素,元素前后没有换行符。
inline-block 行内块元素。(CSS2.1 新增的值)
list-item 此元素会作为列表显示。
visibility属性:
visibility 属性规定元素是否可见。
visible 默认值。元素是可见的。
hidden 元素是不可见的。
collapse 当在表格元素中使用时,此值可删除一行或一列,但是它不会影响表格的布局。被行或列占据的空间会留给其他内容使用。如果此值被用在其他的元素上,会呈现为 "hidden"。
inherit 规定应该从父元素继承 visibility 属性的值。
代码示例:
实现效果:
将第二行隐藏后依然占据着原来的位置,将第四行隐藏后,不占据原来的位置。
看完了这篇文章,相信你对css怎样实现不显示元素有了一定的了解,想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!
网站栏目:css怎样实现不显示元素
网站网址:http://myzitong.com/article/pehiso.html