CSS属性:显示与可见性

显示与可见性属性之间有什么区别?
visibility属性只告诉浏览器是否显示元素。它是可见的(可见 – 你可以看到它),或不可见(隐藏 – 你看不到它)。

display属性告诉浏览器如何绘制和显示元素(如果有的话) – 是否应该显示为内联元素(即它与文本和其他内联元素一起显示)或块级元素(即它具有高度和宽度属性,你可以设置,它可以浮动等),或者一个inline-block(即它的行为像一个块框,但是内联代替)和其他(列表项,表,表行,表格单元格,弯曲等)。

当你设置一个元素来显示:block但是设置visibility:hidden,浏览器仍然把它当作一个块元素,除了你只是看不到它。种类似于如何在一个看不见的盒子顶部堆叠一个红色的盒子:红色的盒子看起来像是漂浮在半空中,但实际上它坐在一个物理盒子的顶部,你看不到。

换句话说,这意味着具有不是无显示的元素将仍然影响页面中的元素的流,而不管它们是否可见。使用display:none方法的元素周围的框将表现为该元素从未存在(虽然它保留在DOM中)。

http://stackoverflow.com/questions/3475119/css-properties-display-vs-visibility

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:CSS属性:显示与可见性