如何隐藏DIV对象
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>