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样式即可使得超出(溢出)固定的高宽内容隐藏同时也不占用被隐藏地方位置。