flex 容器中存在两条轴, 横轴和纵轴, 容器中的每个单元称为 flex item。
在容器上可以设置 6 个属性:
-
flex-direction
-
flex-wrap
-
flex-flow
-
justify-content
-
align-items
-
align-content
注意:当设置 flex 布局之后,子元素的 float、clear、vertical-align 的属性将会失效。
Flex 项目属性
有六种属性可运用在 item 项目上:
-
order
-
flex-basis
-
flex-grow
-
flex-shrink
-
flex
-
align-self