【CSS】flex和inlie-flex的区别?

display:flex和display:inline-flex的共同点是:启用弹性布局。
display:flex和display:inline-flex的区别就是:display:flex容器是一个一般块级元素;display:inline-flex容器则是一个行内块元素。

至于宽高之类的,完全就是块级元素和行内块元素的区别了,一并列一下。

块级元素不写宽,默认宽度占满父容器宽度100%
块级元素不写高,默认高度靠内容撑起来
行内元素设置宽高无效。它的宽高靠内容撑起
自带宽高属性的元素,设置宽高有效(img,table)

原文链接:https://blog.csdn.net/wang1902568721/article/details/134197989

posted @ 2024-01-17 17:07  unuliha  阅读(34)  评论(0编辑  收藏  举报