flex-box 布局

flexbox布局中相关细节

---

属性align-items

是相对于所有项目来说的需要在父元素中进行设置

可以选择的值包括： center| strench | flex-start | flex-end | center

注意 设置属性align-self | align-items 的时候不要在主轴上面设置参数：width height (根据具体的主轴方向判断)，如果想要设置大小可以使用参数： flex-basie| min-height | min-width 这样的参数，否则项目将无法进行拉伸，参数设置后可能也不会存在相应的效果

截图：

重点内容 关于当主轴方向为纵轴的时候

---

flex-grow:

属性大于1 的时候表示在主轴方向上面将会自动进行拉伸，但是需要注意的一点是，此时主轴方向上面的大小不能固定否则该属性将不会起作用

align-items:

属性是表示在负轴方向上面的所有项目的排列方式 ，可选参数例如： center | strench | flex-start | flex-end | center

align-self:

单个元素自己在负轴上面的拉伸方式,可选参数例如： strench | center | flex-start | flex-end ，参数的可选范围和align-items是相同的