小编给大家分享一下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怎样实现不显示元素有了一定的了解，想了解更多相关知识，欢迎关注亿速云行业资讯频道，感谢各位的阅读！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
