200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > html css 隐藏div显示 css如何隐藏div?

html css 隐藏div显示 css如何隐藏div?

时间:2020-03-09 03:25:43

相关推荐

html css 隐藏div显示 css如何隐藏div?

在我们平时布局网站的时候,想要把div进行隐藏,但是很多人不知道css控制div显示隐藏?下面我们来讲解一下css如何让div隐藏。

一:使用display:none属性来隐藏div

我们可以使用display:none属性来隐藏所有的信息,包括文本和图片,语法为:

这里你是看不到的

当我们使用div中的css样式,我们就可以使用display:none属性对内容进行隐藏,并且通过浏览器也是看不到的,同时被隐藏的内容是不被占用空间的,隐藏之后的内容搜索引擎是不读取的,一般我们都是用使用js统计代码去隐藏显示的图标。

二、使用visibility: hidden;属性隐藏div

visibility 属性规定元素是否可见。

这个属性指定是否显示一个元素生成的元素框。这意味着元素仍占据其本来的空间,不过可以完全不可见。值 collapse 在表中用于从表布局中删除列或行。

属性值:visible 默认值。元素是可见的。

hidden 元素是不可见的。

collapse 当在表格元素中使用时,此值可删除一行或一列,但是它不会影响表格的布局。被行或列占据的空间会留给其他内容使用。如果此值被用在其他的元素上,会呈现为 "hidden"。

inherit 规定应该从父元素继承 visibility 属性的值。

示例:我是可以看见的

你是看不见我的。

同样我也是可以看见的

效果图:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。