display:inline；display:block；display:inline-block的效果

display:inline的效果
由效果图可以看出，inline不支持设置宽高、内边距，外边距，即使设置了也不会产生应有的效果。

display:block的效果
由效果图可以看出，display：block 虽然支持宽高、内边距、外边距的设置，但是每一个block后面，都会默认自动添加一个换行符

display：inline-block的效果

由上述效果图可以看出，inline-block综合以上两个的优点，可以设置宽、高、边距，而且还不会自动换行。

而且inline-block还有一个好处就是，当变得拥挤时会自动换行。