主要屬性及使用方法：
1.flex-direction: (主柱的方向，div的排列，水平還是垂直)
row(水平，起點在左端) | column (垂直方向，起點在上方) |
row-reverse (水平，起點在右端) | column-reverse(垂直，起點在下方)
2.flex-wrap:（水平排不下的情況如何換行）
nowrap(預設，不換行)
wrap (換行，第一行在上方)
wrap-reverse(換行， 第一行在下方)
3.flex-flow(flex-direction屬性和flex-wrap屬性的簡寫形式，預設值為 row nowrap)
4.justify-content：(定義主柱上的對其方式)
flex-start(預設，左對齊)
flex-end(右對齊)
center(居中)
space-between(兩端對齊，專案之間的間隔都相等)
space-around(每個專案兩側的間隔相等，專案之間的間隔比專案與邊框的間隔大一倍)
5.align-items(定義專案在交叉柱如何對齊) 沒有用過
6.align-content(屬性定義了多根軸線的對齊方式。如果專案只有一根軸線，該屬性不起作用)
彈性布局 flex對齊
flex對齊方式與主軸和交叉軸所在的方向有關,而flex direction是控制方向的。主軸 justify content justify content對齊方式共有5種對齊方式 flex start 主軸起點邊緣開始，從左向右。flex end 主軸終點邊緣開始，從右向左。center 主軸中...
flex布局 Flex布局
摘要 flex布局主要思想是讓容器有能力讓其子專案能夠改變其寬度 高度 甚至順序 以最佳方式填充可用空間 主要是為了適應所有型別的顯示裝置和螢幕大小 作者 星星 flex 是 flexible box 的縮寫，意為 彈性布局 flex布局主要思想是讓容器有能力讓其子專案能夠改變其寬度 高度 甚至順序...
flex 布局 flex教程
簡介 2009年，w3c提出了一種新的方案 flex布局，可以簡便 完整 響應式地實現各種頁面布局。目前，它已經得到了所有瀏覽器的支援，這意味著，現在就能很安全地使用這項功能。flex是flexible box的縮寫，意為 彈性布局 用來為盒狀模型提供最大的靈活性。任何乙個容器都可以指定為flex布...