特点
- 子元素宽度之和小于父元素宽度，所有子元素最终的宽度就是原来定义的宽度。
- 子元素宽度之和大于父元素宽度，子元素会按比例来划分宽度。
- 在使用弹性盒子模型之前，必须为父元素定义“display:flex;”或“display:inline-flex;”。
| 弹性盒子模型属性 |
|
| 属性 |
说明 |
| flex-grow |
定义子元素的放大比例 |
| flex-shrink |
定义子元素的缩小比例 |
| flex-basis |
定义子元素的宽度 |
| flex |
flex-grow、flex-shrink、flex-basis 的复合属性 |
| flex-direction |
定义子元素的排列方向 |
| flex-wrap |
定义子元素是单行显示，还是多行显示 |
| flex-flow |
flex-direction、flex-wrap的复合属性 |
| order |
定义子元素的排列顺序 |
| justify-content |
定义子元素在“横轴”上的对齐方式 |
| align-items |
定义子元素在上的对齐方式“纵轴” |
放大比例：flex-grow
flex-grow属性用来定义弹性盒子内部子元素的放大比例。当所有子元素宽度之和小于父元素的宽度时，子元素
扫一扫
916
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
