您的位置:首页 > HTML入门 >

 

div 隐藏——CSS隐藏DIV方法

 

div隐藏 CSS隐藏DIV方法

所需CSS样式单词:display:none

在布局中要隐藏DIV,只需要对div设置display:none样式即可。

div和内容一起被隐藏
div和内容一起被隐藏截图

以下是直接DIV设置隐藏样式代码:

<div style=”display:none”>所在DIV被隐藏</div> 

外部CSS隐藏DIV:

CSS代码:

.exp{display:none} 

HTML代码:

<div class="exp">我和DIV均被隐藏</div> 

div 隐藏应用场景:
在div内加入网站统计代码,不想统计代码图标显示,但又想统计代码生效不占位置。这个时候只需要对这个div设置display:none并且将统计代码放入此DIV即可。

不要用错隐藏 注意:此种隐藏方法不能用于隐藏HTML超链接(做黑链),隐藏后搜索引擎读取这个CSS后是不会读取DIV内内容的。

标签(Tag): 隐藏
本文分享URL地址:http://www.css5.com.cn/html/1041.html

更多

 

CSS必备基础教程 - TOP

 

热门信息

 

CSS5更新 - TOP

 

 

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解。
CSS教程文章修订日期::2016-08-18     点击:
原创:CSS5     来源网址:http://www.css5.com.cn/html/1041.html
本文www.css5.com.cn(DIV CSS) CSS5版权所有,欢迎转载,并注明出处来源及URL!