css 设置元素不显示不出来

CSS中设置元素不显示方法有多种,下面将逐一介绍。

1. display:none;

css 设置元素不显示不出来

使用display:none;可以将元素完全隐藏,不再占用空间。

2. visibility:hidden;

使用visibility:hidden;也可以将元素隐藏,但是元素仍然占用空间。

3. opacity:0;

使用opacity:0;可以将元素透明化,但是元素仍然占用空间。

4. position:absolute;left:-99999px;

使用position:absolute;left:-99999px;可以将元素移出屏幕,从而达到隐藏的目的。

5. width:0;height:0;overflow:hidden;

使用width:0;height:0;overflow:hidden;可以将元素的宽和高设置为0,然后通过overflow:hidden;来隐藏元素的内容

以上就是几种常见的CSS隐藏元素的方法

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效