零基础建站培训介绍

当前位置:

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

上一课: 下一课:

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

相关教程

  • 在一个网页中多处使用了表格table标签,这个时候给指定的表格对象设置样式依然可以通过CSS进行控制设置。其实有时我们这样思考将table标签当作DIV标
  • CSS怎么隐藏DIV (4027 次浏览)
    CSS怎么隐藏DIV?要使用这样的属性:display:none在布局中要隐藏DIV,只必要对div配置display:none属性就可。以下是直接DIV设置埋伏名堂代码
  • css 注释方法 (4109 次浏览)
    CSS注释(css 注释)是有css文件代码间加入注释,解释说明意思。CSS注释有着注解说明之用,常常我们使用CSS注解进行对CSS代码或布局CSS样式进行特别说
  • 什么是css文件?css文件应该想到是文件之类的什么东西,那就没错,css文件是指css代码放到一个单独的文件里,并以css扩展名命名如yangshi.css,这样
  • CSS 加粗这里指的是通过DIV CSS控制对象的加粗。使用CSS属性单词font-weight对象值:从100到900,最常用font-weight的值为boldfont-weight参数:
  • 你需要具备的知识在继续学习之前,你需要对下面的知识有基本的了解:HTML / XHTML什么是 CSS?CSS 指层叠样式表 (Cascading Style Sheets)样式