[TOC] # 關于flex ## 1.能夠給父元素設置的屬性 flex-direction:設置子元素的排列方向 row--行：默認；column--列； row-reverse--行相反；column-reverse--列相反 ### 1.1當設置為row justify-content : center / left / right 設置子元素水平方向的對齊方式 align-items : center / left / right 設置子元素垂直方向的對齊方式 ## 1.2當設置為column 1.1中的設置相反 ### 1.3justify-content的設置 space-around ：子元素之間的間隔，比子元素到父元素邊框的間隔大一倍 space-between：兩端對齊，子元素之間的間隔相等 space-evenly：父元素的邊界到子元素之間的間隔，和子元素與子元素之間的間隔相等（所有的間隔相等） ### 1.4 flex-wrap 子元素是否換行 ## 2.能夠給子元素設置的屬性 ### 2.1 order ### 2.2 flex ### 2.3 align-selft ## 注：此flex多適用于移動端