博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
如何隐藏DIV对象
阅读量:5322 次
发布时间:2019-06-14

本文共 750 字,大约阅读时间需要 2 分钟。

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>

转载于:https://www.cnblogs.com/Devin-Blog/p/5703949.html

你可能感兴趣的文章
10.17动手动脑
查看>>
WPF中Image显示本地图片
查看>>
Java多线程基础(一)
查看>>
SQL Server中利用正则表达式替换字符串
查看>>
[poj1006]Biorhythms
查看>>
Hyper-V虚拟机上安装一个图形界面的Linux系统
查看>>
Hover功能
查看>>
js千分位处理
查看>>
Mac---------三指拖移
查看>>
字符串类型的相互转换
查看>>
HTTP状态码
查看>>
iOS如何过滤掉文本中特殊字符
查看>>
基础学习:C#中float的取值范围和精度
查看>>
javaagent 简介
查看>>
python升级安装后的yum的修复
查看>>
Vim配置Node.js开发工具
查看>>
web前端面试题2017
查看>>
ELMAH——可插拔错误日志工具
查看>>
MySQL学习笔记(四)
查看>>
【Crash Course Psychology】2. Research & Experimentation笔记
查看>>