display & visibility区别

http://www.cnblogs.com/zhangran/archive/2012/08/29/2662459.html

说明：在学习css的过程中由于其中包含太多的元素、属性等等，总有许多是自己拿不准甚至经常出错的地方，通过这

个博客把易错点记录下来，自己用；也顺便跟大家分享。

易混属性：
　 1.display属性的none可以隐藏标签，visibility的none也可以隐藏标签。

　区别：前者隐藏且不占原来位置上的空间，后者隐藏但是还占据着原来位置上的空间。

时间： 2024-12-22 01:09:54

display & visibility区别的相关文章

js中 visibility和display的区别

大多数人很容易将CSS属性display和visibility混淆,它们看似没有什么不同,其实它们的差别却是很大的. visibility属性用来确定元素是显示还是隐藏,这用visibility="visible|hidden"来表示,visible表示显示,hidden表示隐藏.当visibility被设置为"hidden"的时候,元素虽然被隐藏了,但它仍然占据它原来所在的位置.例: <script language="JavaScript&quo

style="visibility: hidden" 和 style=“display:none”区别

大多数人很容易将CSS属性display和visibility混淆,它们看似没有什么不同,其实它们的差别却是很大的. visibility属性用来确定元素是显示还是隐藏的,这用visibility="visible|hidden"来表示(visible表示显示,hidden表示隐藏). 当visibility被设置为"hidden"的时候,元素虽然被隐藏了,但它仍然占据它原来所在的位置.例: <script language="JavaScript&

javascript中 visibility和display的区别

关于visibility和display的区别

文章摘自:http://blog.csdn.net/cicada_slough/article/details/43305131 display:(可能的值) none 此元素不会被显示.block 此元素将显示为块级元素,此元素前后会带有换行符.inline 默认.此元素会被显示为内联元素,元素前后没有换行符.inline-block 行内块元素.(CSS2.1 新增的值)list-item 此元素会作为列表显示.run-in 此元素会根据上下文作为块级元素或内联元素显示.compact CS

js中 visibility和display的区别 js中 visibility和display的区别

display:inline 跟 display:block 跟 display:inline-block区别

我来说句人话吧.display:inline; 内联元素,简单来说就是在同一行显示.display:block; 块级元素,简单来说就是就是有换行,会换到第二行.display:inline-block; 就是在同一行内的块级元素. 说概念太模糊,来个真实案例吧. <a href="#" style="display:inline;width:100px;height:100px;background:#ccc;">链接一</a> <a

display和visibility的用法和区别

display和visibility的用法和区别更多 2013/11/17 来源:css学习浏览量:892 学习标签: css display visibility 本文导读:大多数人很容易将CSS属性display和visibility混淆,它们看似没有什么不同,其实它们的差别却是很大的.visibility和display两个属性都有隐藏元素的功能.visibility属性所控制的元素虽然不在浏览器里面显示出来,但他在浏览区里是存在的,只是不显示而已.而display属性设置为none,这

CSS 制作三角形以及 display 、 visibblity属性含义

纯css 制作三角形 .box1{ width:0; height:0; top:-10px; left:15px; position:absolute; border-style:solid; border-width: 0 10px 10px; border-color: transparent transparent #0CF; } 1.display:visibility 的应用对象无论值为何,浏览器都会加载生产此对象的dom结构. 2.visibility:hidden 的应用对象只保

如何获取设置display:none元素及子元素的宽高

由于元素设置了display:none时,页面便不会对其渲染,导致无法获取其元素的宽高.目前一般的做法都是先对其设置display:block,拿到数据再设置其为display:none.如此便可以了代码如何获取 id="ul" 元素的宽高??? html <section class="section none"> <div> <ul id="ul"> <li>第 <span class