div的display属性和visibility属性

1、display属性

display属性常用来设置<div>元素的浮动特征，当display设置为block（块）时，容器中所有元素都将被当做一个单独的块放入到页面中；将display设置为inline，将使其行为和元素inline一样，即使他是普通的块元素，它也将会被组合成像<span>那样的输出流输出到页面上；将display设置为none，则该元素实际上就从页面中被移走，它下面的所有元素都会被自动跟上填充。

display属性可以用来设置或检索对象是否显示以及如何显示。

2、display属性和visibility属性的对比

visibility属性用来确定元素是显示还是隐藏，这用visibility=”visible/hidden”来表示，visible表示显示，hidden表示隐藏。当visibility被设置为hidden时，元素虽然被隐藏了，但它仍然占据它原来所在的位置。

display属性与visibility属性相比有些不同。visibility属性是隐藏元素但保持元素的浮动位置，而display属性实际上是设置元素的浮动特征。

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

DIV Display属性和Visibility属性
visibility属性是隐藏元素但保持元素的浮动位置,而display实际上是设置元素的浮动特征, 虽然它们都可以达到隐藏页面元素的目的,但它们的区别在于如何回应正常文档流. visibility属 ...
DIV CSS display (block none inline)属性的用法教程
在一般的CSS布局制作时候,我们常常会用到display对应值有block.none.inline这三个值.下面我们来分别来认识和学习什么时候用什么值.这里通过CSS display知识加实例.图演示 ...
html visibility属性,CSS属性参考 | visibility
CSS visibility 属性用于隐藏一个元素. CSS visibility属性用于隐藏一个元素.当取值为hidden时用于隐藏非表格元素,当取值为collapse时用于隐藏表格行或列. 使用v ...
图解：实例对比讲解display、float、clear、overflow、visibility属性
1.display属性:block/inline/none display:block(作用是把行属性标签显示成块属性标签,可以设置宽高) : display:inline(作用是把块 ...
DHTML中style的display和visibility属性
DHTML中style的display和visibility属性 display是隐藏该对象,使该对象不占用页面排版空间. document.all("tr1").style.di ...
关于DIV中display属性误区以及牵扯出来的两个问题
百度搜索关于 Jquery设置DIV display时看到一个这样的答案: <div id="div1">sdfsdfsdfsd</div> $(" ...
php中border属性,css中display属性和border属性常遇问题讲解
本篇文章给大家带来的内容是关于css中display属性和border属性常遇问题讲解,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助.因为HTML很少有太复杂的问题,所以直接写一篇关于 ...
[css] 说说visibility属性的collapse属性值有什么作用？在不同浏览器下有什么区别？
[css] 说说visibility属性的collapse属性值有什么作用?在不同浏览器下有什么区别? 设置visibility: collapse后对于普通元素来说跟visibility: hidd ...
html隐藏visibility,HTML DOM Style visibility 属性 | 菜鸟教程
Style visibility 属性 Style 对象定义和用法 visibility 属性设置元素是否应该是可见的. visibility 属性允许作者显示或隐藏一个元素.与 display 属 ...

div的display属性和visibility属性

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

最新文章

热门文章