display属性

1 block  

• 总是以一个块的形式表现出来，占领一整行。若干同级块元素会从上之下依次排列（使用float属性除外）。
• 可以设置高度、宽度、各个方向外边距（margin）以及各个方向的内边距（padding）。
• 当宽度（width）缺省时，它的宽度时其容器的100%，除非我们给它设定了固定的宽度。
• 块级元素中可以容纳其他块级元素或行内元素。
• 常见的块级元素由<p><div><h1><li>等等。

 2 inline

• 它不会单独占据一整行，而是只占领自身的宽度和高度所在的空间。若干同级行内元素会从左到右（即某个行

　　    内元素可以和其他行内元素共处一行），从上到下依次排列。

• 行内元素不可以设置高度、宽度，其高度一般由其字体的大小来决定，其宽度由内容的长度控制。
• 行内元素只能设置左右的margin值和左右的padding值，而不能设置上下的margin值和上下的padding值。因此我

　　   们可以通过设置左右的padding值来改变行内元素的宽度。

• 常见的行内元素由<a><em><img>等等。
• 行内元素一般不可以包含块级元素。

3 none  这个值表示此元素将不被显示

4 table 此元素会作为块级表格来显示（类似 <table>），表格前后带有换行符。

5 table-cell  此元素会作为一个表格单元格显示（类似 <td> 和 <th>）

6 

able-row

此元素会作为一个表格行显示（类似 <tr>）。