flex布局--项目属性
2017-05-19 20:36:44 14 举报
AI智能生成
flex布局--项目属性
作者其他创作
大纲/内容
order[排列顺序]
取值:<integer>
数值越小,排列越靠前
flex-grow[放大比例] 默认为0,如果存在剩余空间,也不放大
取值:<number>
flex-shrink[缩小比例]
取值:<number>
默认为1,如果空间不足,项目将缩小
flex-basis[占据的主轴空间]
取值:<length>
默认值auto,即项目本来大小
flex属性
flex-grow,flex-shrink,flex-basis的缩写
默认值[0 1 auto]
建议优先使用此属性,而不是单独的三个分离属性
align-self[单个项目的对齐方式]
可覆盖align-items属性
默认值auto,表示继承父元素的align-items属性
取值:auto | flex-start | flex-end | center | baseline | stretch
收藏
收藏
0 条评论
下一页