flex容器属性
-
指定flex容器的排列方式
flex-direction: row row-reverse column column-reverse -
控制flex项目在容器中按一行或多行排列
flex-wrap: nowrap wrap wrap-reverse -
这个属性是flex-direction和flex-wrap的简写
flex-flow: row|row-reverse|column|column-reverse nowrap|wrap|wrap-reverse -
指定flex项目在容器沿着主轴在当前行的对齐方式
justify-content: flex-start flex-end space-between space-around -
指定flex容器内的行在flex容器中侧轴排列方式（多行生效）
align-content: stretch flex-start flex-end center space-between space-around -
指定flex项目在容器沿着侧轴在当前行的对齐方式
align-items: stretch flex-start flex-end center baseline
flex项目属性
-
控制flex容器中flex项目的排列顺序
order: 0~ -
指定flex项目的放大比例(负数无效)
flex-grow: 0~ -
指定flex项目的缩小比例(负数无效)
flex-shrink: 0~ -
指定flex项目的大小
flex-basis: auto -
这个属性是flex-grow、flex-shrink和flex-basis的简写
flex: 0 1 auto -
指定单个flex项目对齐方式
align-self: auto
flex项目无效属性
float|clear|vertical-align