css怎么不占空间的隐藏div块?

css怎么不占空间的隐藏div块?

不占空间的隐藏div块,可以给元素添加css样式:display:none,这将使得div内的内容隐藏,通过浏览器什么也看不见,并且隐藏的内容也不会占用空间,通常用于JS特效隐藏、隐藏统计代码显示图标。

div{
    display: none;
}

<div style="display:none;"></div>

(相关课程推荐:css视频教程

一般情况下,css隐藏的用途,如下:

1、对文本的隐藏

2、隐藏超链接(另类黑链)

3、对统计代码隐藏

4、隐藏超出图片

5、css隐藏滚动条

6、css隐藏div层

我们还可以通过绝对定位的方式来让元素在屏幕上不可见

div{
    position: absolute;
    left: -9999px;
    top: -9999px;
}

本文来自css3答疑栏目,欢迎学习!

以上就是css怎么不占空间的隐藏div块?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑