一、Flexbox 布局 Flex有两个属性：Container 和 Item
flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。采用flex布局的元素，称为flex容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为flex项目（flex item），简称"项目"。
容器属性
简述：
flexDirection（决定容器内所有子元素item的排列方向（即主轴方向），如row子元素横排，column子元素竖排）
justifyContent（定义了子元素Item在主轴方向上的排列方式，如center就居中，flex-start就是左端为开头）
alignItems（子元素沿竖直轴的排列方式，flex-start就靠上，center就放中间线）
flexWrap（定义是否换行，nowrap就不换行，wrap就换行）