div的visibility和display属性区别

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

div的visibility和display属性区别相关推荐

CSS中用 opacity、visibility、display 属性将元素隐藏的对比分析
说明 opacity 用来设置透明度 display 定义建立布局时元素生成的显示框类型 visibility 用来设置元素是否可见. opacity.visibility.display 这三个属性 ...
visibility与display的区别：
visibility与display之设置元素显隐的区别在CSS里的visibility 属性,通常其值被设置成visible 或hidden. visibility:hidden 相当于displ ...
visibility 和 display 的区别
一.隐藏元素元素设置为 display: none; 时,元素隐藏,元素在结构中不占据位置. 元素设置为 visibility: hidden; 时,元素隐藏,元素在结构中依旧占据位置. 二.对子元 ...
display和visibility的用法和区别
大多数人很容易将CSS属性display和visibility混淆,它们看似没有什么不同,其实它们的差别却是很大的.visibility和display两个属性都有隐藏元素的功能.visibility ...
CSS入门（CSS常用属性----字体、对齐方式、display属性、浮动）
CSS常用属性设置 3.字体设置字体 font-family ①当font-family的属性值包含空格或特殊字符时,需要将font-family的属性值用引号括起来. ②font-family有& ...
DIV Display属性和Visibility属性
visibility属性是隐藏元素但保持元素的浮动位置,而display实际上是设置元素的浮动特征, 虽然它们都可以达到隐藏页面元素的目的,但它们的区别在于如何回应正常文档流. visibility属 ...
div的display属性和visibility属性
1.display属性 display属性常用来设置<div>元素的浮动特征,当display设置为block(块)时,容器中所有元素都将被当做一个单独的块放入到页面中:将display设 ...
js visibility和display区别（附代码实例）
<html><head><meta charset="utf-8" /><title></title><scrip ...
display、visibility和opactity的区别
1.display:none: DOM结构:浏览器不会渲染display属性为none的元素,不占据空间,意思就是页面上没有它的一席之地,你在开发者模式中选不中那个元素. 事件监听:无法进行DOM事件 ...

div的visibility和display属性区别

div的visibility和display属性区别

div的visibility和display属性区别相关推荐

最新文章

热门文章