CSS中display:inline和display:inline-block的区别

inline元素

1）可以设置margin-left,padding-left,padding-right,margin-right，不能设置margin-top,padding-top,padding-bottom,margin-bottom。

2）不能设置宽高

3）允许其它元素在其左右

4）在这儿查看其它非常重要的旁注

block元素

1）inline元素能设置和不能设置的属性，block都能设置

2）在block元素后强制换行

inline-block元素

1）允许其它元素在其左右

2）可以设置margin-top,padding-top,padding-bottom,margin-bottom

3）可以设置宽高

display:block, display:inline, display:inline-block外观（如下图）

本文摘自stackoverflow中相关回答