display

display:none
CSS1 隐藏对象。其不为被隐藏的对象保留其物理空间
visibility:hidden
对象隐藏，此属性为隐藏的对象保留其占据的物理空间。

 

该CSS属性用来设定对象如何显示。

值：block | none | inline | inline-block | list-item | table-header-group | table-footer-group | inherit 

可用值	值的说明
block	象块类型元素一样显示。
none	缺省值。向行内元素类型一样显示。
inline-block	象行内元素一样显示，但其内容象块类型元素一样显示。
list-item	象块类型元素一样显示，并添加样式列表标记。
table-header-group	显示在任何表格行和行组合之前，在头部标题之后。
table-footer-group	显示在任何表格行和行组合之后，在底部标题前。

html 对象为 block 或者 inline。举例来说，div 对象就是一个块类型元素 (block element)，而 span 对象则是一个行内元素 (inline element)。Block 元素另起一行，并可以包含其它 block 元素和 inline 元素。Inline 元素则不会另起一行，inline 元素包含其它 inline 元素或者数据。改变 display元素会影响周围的内容：

• 将元素设为 block，会在该元素后换行。
• 将元素设为 inline，会消除元素换行。
• 将元素设为 none，隐藏该元素内容。

对比 visibility 属性， display 值设为 none 时，会消除该元素占据的空间。