css display

1/ inline

默认。此元素会被显示为内联元素，元素前后没有换行符。

2/block

此元素将显示为块级元素，此元素前后会带有换行符。

3/inline-block

整体是行元素，前后没有换行。里面的内容是块元素，每个元素前后会带有换行符。

为了能够让所有浏览器支持display:inline-block，综合一下，最终的实现代码如下

display:inline-block;/*一方面除IE8 以下，其它浏览器均支持，另一方面下触发IE下inline 元素的 hasLayout*/

zoom:1;/*同样是IE 下触发 hasLayout*/

*display:inline; /*一旦IE 下触发了 hasLayout，设置 block 元素为 inline 会使 display:inline 效果与 display:inline-block 相似*/