display: inline、block、inline-block、flex和inline-flex

inline

共享一行
不能修改width、height属性，大小由内容撑开
padding属性 top、right、bottom、left设置都有效；margin属性只有left、right设置有效

block

独占一行，默认与父元素同宽
可以修改width、height属性
padding、margin四个方向的值设置均有效

inline-block

共享一行
可以修改width、height属性
padding、margin四个方向的值设置均有效

flex

独占一行
将对象作为弹性伸缩盒显示

inline-flex

共享一行
将对象作为内联块级弹性伸缩盒显示