弹性盒模型主要用于手机端
弹性盒模型讲述父级与子级之间的关系：
外层ul:display:flex（弹性盒子) 块级 inline-flex:行内块
内层(项目)：li
项目几种属性 flex-grow: 0 不分配 flex-grow发生在外层盒子宽度过宽留有空白。
1 平均分配
2/3/4... 分几倍 （倍不是相对于自身，相对于分配的宽度)
flex-shrink:0 不缩小
1：平均缩
2/3/4缩几倍(倍相对于缩小的宽度)
flex-basis: auto(根据内容决定分配父级宽度,内容多的宽度长)
1(平均分配父级宽度)
100px(给固定宽度，相当于给width)
复合写法：flex:auto (复合写法少用)
flex: 0 1 auto
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
