Visibiltity:none与Display:none区别

前几天,写毕业设计的页面,遇到这个问题!
那么区别如下:

两者都可以指定元素的隐藏

　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="";//显示

转载于:https://www.cnblogs.com/GavinCome/archive/2007/04/25/726556.html

Visibiltity:none与Display:none区别相关推荐

div的visibility和display属性区别
div的visibility和display属性区别 div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白: style="visibility: none;&qu ...
visibility与display的区别：
visibility与display之设置元素显隐的区别在CSS里的visibility 属性,通常其值被设置成visible 或hidden. visibility:hidden 相当于displ ...
$monitor, $strobe, $write以及$display的区别及使用场景
$display 与 $strobe 来看下面一个例子: 结果如下: 这里 $display 语句是在 active 区域执行的,而 44行的赋值语句则是在 NBA 区域执行的,所以每次 $displ ...
visibility 和 display 的区别
一.隐藏元素元素设置为 display: none; 时,元素隐藏,元素在结构中不占据位置. 元素设置为 visibility: hidden; 时,元素隐藏,元素在结构中依旧占据位置. 二.对子元 ...
gdb中三种输出 print, x, display 的区别
print 最常用的输出格式是 print (简写为p).print 会根据表达式在程序中的类型输出值. 但是也可以指定输出类型. print/f expression f 可以有以下格式: form ...
css元素隐藏不可获取,Css隐藏元素(display,visibility)的区别
Css隐藏元素(display,visibility)的区别 display display属性值 display 属性规定元素应该生成的框的类型. 属性值: block: /表现为一个块级元素(一般 ...
style.display,有点问题
下面的几行代码有什么问题? 我要做的是当点击链接的时候下面的层显示,再点击则隐藏 1<a href='#' onclick='document.all.linkcate.style.displa ...
html+设置style+display,displaystyle是什么
latex的displaystyle是什么意思行间公式的格式,也就是单独占一行的公式的格式,与之相对应的是inline格式也就是行内公式 js style.display = "" ...
CSS display属性--笔记
display属性规定是否/如何显示元素每个HTML元素都有一个默认的display值,具体取决于它的元素类型, 大多数元素的display默认值为block或inline display : b ...

Visibiltity:none与Display:none区别

Visibiltity:none与Display:none区别相关推荐

最新文章

热门文章