div 隐藏——CSS隐藏DIV方法

2016-08-18 09:50:14 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内内容的。

更新