设置弹性布局子级内容的属性
-
order:设置单个弹性布局的顺序,order的值越大,元素越靠后,默认是0
-
flex-grow 设置元素的放大比例,默认值为0,不放大,使用条件是 总宽度小于父级元素的宽度
元素的最终宽度 = 元素宽度 + flex-grow 的值/总 flex-grow 的值 * 总体剩余宽度
-
flex-shrink 设置元素的缩小比例,默认值为1,使用条件是 总宽度大于父元素的宽度
如果值为0,则表示不缩小,保持原宽度
-
flex-basis 设置子元素在父元素的主轴方向上所占空间的大小,他的值可以是具体值,也可以是百分比,默认是auto,auto的含义是遵循给该子元素设置的 width 值
以上三个属性可以合写
flex:flex-grow flex-shrink flex-basis;
因此默认是:flex:0 1 auto;
后面两个属性是非必写项
可以简写:felx:flex-grow;
flex:1;
- align-self: 该属性可以设置单个子元素的垂直于主轴方向的对齐方式,他可以覆盖 align-items 设置的方式,align-self的属性值和 align-items 相同,意义相同