display:none; display:block; display:inline和display:inline-block;

display:block;   会将一行中其可用的空间给跨越占据，容不下另一个元素与其同行。

display:inline;   不会打断文档排布流，会在一行中一个挨一个地排列。

display:inline-block;  方式样式化列表时，既可使得列表元素能按行挨个排列，同时元素还能保持其块属性，比如高和宽、上下边距等。但是对有不同高度内容的元素时，通常要设置对齐方式如vertical-align: top;来使元素顶部对齐。

CSS中使用display:inline-block;来样式化，在Firefox, Safari, Google Chrome 和 IE 8及以上是有效的。但是在早期的IE，比如IE 7，就要做一些改变才能适应。
    /* IE 7 */
    zoom: 1;
    *display: inline;

display:none隐藏