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怎样实现不显示元素-创新互联
分享URL：https://www.cdcxhl.com/article32/cspspc.html

成都网站建设公司_创新互联，为您提供电子商务、商城网站、网站设计、静态网站、动态网站、Google

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联