零基础建站培训介绍

当前位置:

CSS怎么隐藏DIV内容

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

1、对文本的隐藏
2、隐藏超链接(另类黑链)
3、对统计代码隐藏
4、隐藏超出图片
5、css隐藏滚动条
6、css隐藏div层

CSS怎么隐藏DIV内容常用有以下二种方法:

1、通过display:none隐藏DIV及内容

解释:使用CSS单词display:none;完全隐藏文本及图片


<div style="display:none;">你是看不见我的</div>

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

2、通过overflow: hidden 隐藏溢出DIV内容或图片

实例代码如:


我是可以看见的<br/><br/>
<div style="overflow: hidden; width:30px; height:20px;">你是看不见我的。</div>
<br/>
同样我也是可以看见的

使用css样式通过对“你是看不见我的”div css层设置固定的高和宽,然后通过overflow: hidden样式即可使得超出(溢出)固定的高宽内容隐藏同时也不占用被隐藏地方位置。

上一课: 下一课: