通过display或visibility来实现HTML元素的显示与隐藏
2014-07-15来源：

有些时候我们需要根据某些条件来控制Web页面中的HTML元素显示还是隐藏，可以通过display或visibility来实现。通过下面的例子了解display和visibility的区别，简单的例子代码如下：

代码如下:

HTML元素的显示与隐藏控制

display：元素的位置不被占用

DIV 1

visibility：元素的位置仍被占用

DIV 3

Baidu
map

更多信息请查看IT技术专栏

2026上岸·考公考编培训报班

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
推荐信息
使用CSS制作立体导航栏
用纯CSS3实现网页中常见的小箭头
有关HTML5中背景音乐的自动播放功能
HTML5、Select下拉框右边加图标的实现代码(增进用户体验)
html5实现图片转圈的动画效果——让页面动起来
html5清空画布方法(三种)
HTML实现移动端固定悬浮半透明搜索框
HTML5 文件域+FileReader 分段读取文件并上传到服务器
Dreamweaver怎么设计彩色边框的表格?
Dreamweaver怎么给个人简历添加照片并排版?
基于HTML5的WebGL实现json和echarts图表展现在同一个界面
解决HTML5手机端页面缩放的问题
利用纯CSS实现居中的七大方法示例
CSS3中伪元素::before和::after的用法示例
详解使用 CSS 的 font-size-adjust 属性改善网页排版
HTML5+CSS3 实现灵动的动画 TAB 切换效果(DEMO)
css3 pointer-events 介绍详解
CSS :focus-within的具体使用
你所不知道的 CSS 动画技巧与细节
详解CSS3选择器:nth-child和:nth-of-type之间的差异
Baidu
map