零基础建站培训介绍

当前位置:

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

上一课: 下一课:

发表回复

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

相关教程

  • CSS3 text-shadow 属性是CSS3中设置文字阴影的属性,通过这个属性可以设置文字的各个角度的阴影效果。下面介绍一下CSS3 text-shadow 属性的使用方法。
  • HTML中,给一个DIV添加一个边框,那么这个DIV的宽度和高度就增加成为这个DIV的宽度加上这个边框的宽度,那么我们如何让边框不占宽度和高度呢?(相关
  • CSS中可以给一个DIV设置背景图片,甚至可以设置背景的样式和位置。(相关教程:CSS3视频教程)控制背景图片位置:background-position:水平方向
  • 怎么修改和隐藏dede后台的方法见以下的步骤:  下面通过这种dede后台的布局图来说一下如何操作。这里共划分了A、B、C、D、E五个区域。 常用:
  • CSS怎么隐藏DIV内容 (12884 次浏览)
    一般情况下,css隐藏的用途,如下:1、对文本的隐藏2、隐藏超链接(另类黑链)3、对统计代码隐藏4、隐藏超出图片5、css隐藏滚动条6、css
  • CSS怎么隐藏DIV 图文教程 (12823 次浏览)
    CSS怎么隐藏DIV?要使用这样的属性:[cce_html]display:none[/cce_html]在布局中要隐藏DIV,只必要对div配置display:none属性就可。以下
  • 在网站制作过程中经常需要使用到让div进行水平和垂直居中的技术。现在我们就来谈谈如何实现让div水平和垂直居中。Div标签水平居中方法Div
  • 在CSS中可以控制DIV的边框产生阴影效果,达到立体感.也可以给图片添加阴影,使整个网站版面更加美观.CSS设置阴影效果的样式为box-shadow属性,使用方
  • DIV CSS外边距指CSS属性单词margin,margin是设置对象四边的外延边距,没有背景颜色也无颜色。1、margin语法Margin:10pxMargin的值是数字
  • :before 伪元素在元素之前添加内容:before这个伪元素允许创作人员在元素内容的特别前面插入生成内容。默认地,这个伪元素是行内元素,不过可以使用
  • dedecms内容页标签介绍 (13750 次浏览)
    课程要点1.内容页标签介绍2.系统基本参数调用1.内容页标签介绍2.系统基本参数调用调用方式{dede:global.cfg_description/}常用标签站点
  • ks001 快速建站第五步:后台发布内容通过后台发布自己网站文章和产品