两者的区别描述:
flex: 将对象作为弹性伸缩盒显示inline-flex:将对象作为内联块级弹性伸缩盒显示一句话来描述就是 当Flex Box 容器没有设置宽度大小限制时,当display 指定为 flex 时,FlexBox 的宽度会填充父容器,当display指定为 inline-flex 时,FlexBox的宽度会包裹子Item,如下图所示:
对应的代码如下所示:
Flexible Box 的简述
在2009年,W3C提出出的 Flex 布局方案,Flex是Flexible Box的缩写,可意为”弹性布局”,任何一个容器都可以指定为Flex布局,可用来为盒状模型提供最大的灵活性。
采用Flex布局的元素,称为Flex容器(flex container),以下称为 Flexbox ,Flex容器中的所有子元素称为Flex项目(flex item)。
任何一个容器都可以指定为Flex布局,如下所示:
完毕
举报/反馈

早起的年轻人

656获赞 141粉丝
分享项目管理、Flutter、Java、Android
科技领域创作者
关注
0
0
收藏
分享