Dzwebs.Net

撰写电脑技术杂文十余年

隐藏DIV对象的方法

Admin | 2011-10-17 6:09:11 | 被阅次数 | 7194

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  DIV对象在网页里面,相当于一个容器,在其内部,可以显示文字、图片、视频控件等等。

  以下的教程,和大家一起来学习,如何隐藏DIV对象

  这必须使用CSS来控制,才能达到隐藏的目的,那么,就得使用CSS里面的两个属性,即display和visibility

  css中display和visibility语法属性分别如下:

  ①display:none

  时隐藏该html元素,确切的说,是在浏览器中消除该元素,不占屏幕的空间。若其下有其他元素,就会上移到该空间区域。

  举例:

  div style="display:none" align="center"><这里就是内容了,得已被隐藏……</div>

  ②dispaly:block

  显示已经隐藏的html元素,如果别的元素占有了该空间时,他将下移,空间重新被原来的元素占有。

  举例:

  div style="display:block" align="center"><这里就是内容了,得已被隐藏……</div>

  ③visibility:hidden|visible

  visibility:hidden;隐藏该元素,真正的隐藏,但他还占有那块空间。

  visibility:visible;让元素显示。

  举例:

  div style="visibility:hidden" align="center"><这里就是内容了,得已被隐藏……</div>

  div style="visibility:visible" align="center"><这里就是内容了,得已被隐藏……</div>


该杂文来自: 网页制作杂文

上一篇:WebService的应用范围

下一篇:js select case语句实例介绍

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计