一，display:none与visibility:hidden的区别
两者都可以用来控制元素的显示和隐藏，visibility属性用来确定元素是显示还是隐藏(visibility="visible|hidden")来表示，visible表示显示，hidden表示隐藏。当visibility被设置为"hidden"的时候，元素虽然被隐藏了，但它仍然占据所在文档流中的位置。而使用 display:none，元素会被隐藏，也不在占用文档流位置，会出现整个页面的重新刷新，导致页面闪烁。如果只是想单纯的隐藏元素的话，建议使用visibility来控制，这样用户体验要好，并且性能要比display:none控制的要高。
相关推荐
visibility属性用来确定元素是显示还是隐藏，这用visibility="visible|hidden"来表示， visible表示显示， hidden表示（仅）隐藏，不可恢复。 当visibility被设置为"hidden"的时候，元素虽然被隐藏了， 1、仍然...
CSS隐藏元素 display visibility opacity的区别 display:none和visibility:hidden的区别 对比总结： height:0和overflow:hidden的组合
大多数人很容易将CSS属性display和visibility混淆，它们看似没有什么不同，其实它们的差别却是很大的。 visibility属性用来确定元素是显示还是隐藏的，这用visibility="visible|hidden"来表示（visible表示显示，...
Display的属性值 block：/*表现为一个块级元素（一般情况下独占一行）*/当display被设置为block(块)时，容器中所有的元素将会被当作一个单独的块，就像元素一样，它会在那个点被放入到页面中。(实际上你可以设置的...
CSS：Visibility和Display属性的比较.pdf
.imgbox { float:left; text-align:center; width:120px;...CSS Display(显示) 与 Visibility（可见性） display属性设置一个元素应如何显示，visibility属性指定一个元素应可见还是隐藏。 Box 1 Box
查CSS手册后发现了隐藏内容原来是有区别的，一种是保留对象的物理空间，一种是不保留
了解Css的人应该都知道display:none;和visibility:hidden;之间的一些区别，当html元素被设置为display:none;后，浏览器不会解析该元素，“none”就是没有，消失了，所以他不会再文档流中占位。而visibility:hidden;...
...
div和span、relative和absolute、display和visibility是很容易混淆和弄错的HTML标签与CSS属性，今天52CSS.com简单的罗列出它们的区别与使用要点，供大家参考。
复制代码代码如下:{ display: none; /* 不占据空间，无法点击 */ } { visibility: hidden; /* 占据空间，无法点击 */ } { position: absolute; top: -999em; /* 不占据空间，无法点击 */ } { position: relative; ...
前言： 在使用css隐藏栏位或物件的时候， 常常会使用到display:none和visibility:hidden这两个属性， 但却很容易分不清楚这两个的差别， 或是乾脆同时使用两种属性，来确保物件一定被隐藏， 其实我们可以很简单的来...
首先，所有主流浏览器都支持 display 属性。...那么，display:inline、display:block和display:inline-block有什么区别呢？ 复制代码代码如下:<style>.inline{display:inline; width:100px; height:100px;
CSS中的display和visibility属性 css中display和visibility可以隐藏和显示html元素包括DIV层。看起来两者非常类似，很多人会搞混。下面分别介绍两者的属性： display:none|block; display:none; 隐藏该html元素，...
5.7.4 控制内容显示的visibility 属性 5.7.5 使用text-align 属性的水平居中 5.7.6 使用margin 属性的水平居中 5.8 浮动属性 5.8.1 浮动属性详解 5.8.2 相邻的浮动元素和固定元素 5.8.3 相邻的两个浮动元素 5.8.4 ...