display:block/inline/inline-block/inline-table/list-item区别

大家都知道 display:block是显示成块状，独占一行；

而inline是行内的意思，会根据里面的内容大小而改变；

那display:inline-block实际就是inline可以定义宽高，

但是重点是我试了一下，ie6、7不支持这个样式。

inline-table一般很少用到（ie6、7不支持这个样式），表格属于block类型，独占一行，如果想要文字跟它一行显示，就要把表格设置成inline-table，这时会发现，safari及chrome垂直对齐方式为底部对齐，火狐和ie及Opera是顶部对齐，我们可以通过vertical-align去修改对齐方式。

list-item将多个元素作为列表来显示，同时在元素的开头加上列表的标记。