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

共享一行
将对象作为内联块级弹性伸缩盒显示
posted @ 2020-01-10 16:32  TBHacker  阅读(2153)  评论(0编辑  收藏  举报