您的位置:首页 > HTML入门 > 【 返回上一页

div 隐藏——CSS隐藏DIV方法

div隐藏 CSS隐藏DIV方法

所需CSS样式单词:display:none

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


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内内容的。

相关标签: 隐藏
如需转载,请注明文章出处和来源网址:http://www.thinkcss.com/html/1041.shtml

日期:2016-08-18 09:45:24 来源:www.thinkcss.com 作者:div css

热门点击