css实现div隐藏的2种方式
来源:互联网 发布:淘宝众筹手机版 编辑:程序博客网 时间:2024/05/15 05:25
div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白:
style="visibility: none;"
document.getElementById("typediv1").style.visibility="hidden";//隐藏
document.getElementById("typediv1").style.visibility="visible";//显示
通过设置display属性可以使div隐藏后释放占用的页面空间,如下
style="display: none;"
document.getElementById("typediv1").style.display="none";//隐藏
document.getElementById("typediv1").style.display="";//显示
特别说明
display属性设置元素的显示方式,对应脚本特性为display,可选值为none、block和inline,各值的说明如下:
none 隐藏元素,不保留元素显示时的空间。
block块方式显示元素。
inline 以内嵌方式显示元素。
inline-block对象显示为内嵌元素,但所有子对象都显示为块元素,相邻的内嵌元素将显示在同一行,允许空格。
list-item 将块元素显示为列表对象,并可以添加项目标点。(需要IE6.0+支持)
table-header-group 将元素作为表格标题组显示,相当于tHead元素。
table-footer-group 将元素作为表格脚注组显示,相当于tFoot元素。
visibility属性设置是否显示元素,对应的脚本特性为visibility,可选值为inherit、hidden和visible,各值的说明如下:
inherit 继承父元素的visibility属性设置。
hidden 隐藏元素,但保留其所占空间。
visible 显示元素(默认值)。
- css实现div隐藏的2种方式
- css实现正方形div的3种方式
- DIV+CSS实现的拖动+隐藏/显示效果+背景变暗
- DIV+CSS实现显示隐藏层
- css实现 : 鼠标移动上去显示div,移开隐藏div
- jquery实现div的隐藏。
- CSS DIV层的显示和隐藏
- 隐藏DIV层的两个方式
- 隐藏div的两个方式 visibility display
- css显示隐藏div
- CSS 点击div的同时显示或隐藏的div
- CSS中元素隐藏的几种方式
- CSS隐藏一个元素的几种方式及其不同
- css常用的隐藏元素的方式
- JS+CSS简单实现DIV遮罩层显示隐藏
- JS+CSS简单实现DIV遮罩层显示隐藏
- JS+CSS简单实现DIV遮罩层显示隐藏
- JS+CSS简单实现DIV遮罩层显示隐藏
- 我试图通过IL代码来破解xenocode加密加壳的。net程序, 为什么不行呢?
- 数据库里char nchar varchar nvarchar的认识
- tcp/ip中的 ip字符串转整数函数 inet_aton 源代码
- C语言之四书五经—C语言书籍推荐
- 裸眼3D手机的技术原理
- css实现div隐藏的2种方式
- 一些iOS高效开源类库
- 霍夫曼编码压缩算法
- Socket编程中select()的妙用
- windows7修改启动菜单选项
- 裸眼3D技术原理及单芯片解决方案
- delphi对于excel的一般操作
- [转载] activeMQ指南针_Queue完整分析
- 裸眼3D显示技术原理