display 属性 和 visibility 属性的区别？

可以使用 display 属性定义建立布局时元素生成的显示框类型。

1. 如果将 display 属性设置为 block，可以让行内元素（比如

<a>

元素）表现得像块级元素一样；

2. 如果将 display 属性设置为inline，可以让块级元素（比如

<p>

元素）表现得像内联元素一样；

3. 可以通过把 display 属性设置为 none，让生成的元素根本没有框。这样的话，该框及其所有内容就不再显示，不占用文档中的空间。

在DIV设计中，使用display:none属性后，HTML元素（对象）的宽度、高度等各种属性值都将“丢失”；而使用visibility:hidden属性后，HTML元素（对象）仅仅是在视觉上看不见（完全透明），而它所占据的空间位置仍然存在，也即是说它仍具有高度、宽度等属性值。