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
共享一行
将对象作为内联块级弹性伸缩盒显示