彈性佈局（Flex）提供更加有效的方式對容器中的子元素進行排列、對齊和分配剩餘空間。
常用於頁面頭部導航欄的均勻分佈、頁面框架的搭建、多行資料的排列等。
容器預設存在主軸與交叉軸，子元素預設沿主軸排列，子元素在主軸方向的尺寸稱為主軸尺寸，在交叉軸方向的尺寸稱為交叉軸尺寸。
1、direction
設定主軸的方向，從而控制子元素的排列方向。
四個設定選項
2、wrap
預設情況下，Flex容器中的子元素都排在一條線（又稱“軸線”）上。
wrap屬性控制當子元素主軸尺寸之和大於容器主軸尺寸時，Flex是單行佈局還是多行佈局。在多行佈局時，透過交叉軸方向，確認新行排列方向。
3、justifyContent
設定子元素在主軸方向的對齊方式
