一、Flex布局解决的问题

Flex的出现主要是解决垂直居中和等高列。

二、Flex布局

1.Flex布局的基本概念

Flex（Flexible Box），意为"弹性布局"；主要涉及四个概念：Flex容器、Flex Item、主轴、副轴；

2.Flex布局用到的css属性

• 对于Flex容器来说，主要用到：

属性名	用途
flex-direction
flex-wrap
flex-flow
justify-content
align-items
align-content

• 对于Flex Item来说，主要用到：

属性名	用途
flex-grow
flex-shrink
flex-basis
flex
align-self
order