感覺累的時候，也許你正處於人生的上坡路。堅持走下去，你就會發現到達了人生的另一個高度。
1. Flex： 彈性佈局
2. 採用Flex佈局的元素，稱爲Flex容器（flex container），簡稱”容器”。它的所有子元素自動成爲容器成員，稱爲Flex項目（flex item），簡稱”項目”。
3. 容器默認存在兩根軸：水平的主軸（main axis）和垂直的交叉軸（cross axis）
4. 項目默認沿主軸排列
5. 容器的屬性：
flex-direction 主軸方向
row(默認值):主軸爲水平方向，起點在容器的左端;
row-reverse: 主軸爲水平方向，起點在容器的右端;
column：主軸爲垂直方向，起點在容器的上沿;
column-reverse：主軸爲垂直方向，起點在容器的下沿.
justify-content 項目在主軸上的對齊方式
flex-start（默認值）：左對齊
flex-end：右對齊
center： 居中
space-between：兩端對齊，項目之間的間隔都相等。
space-around：每個項目兩側的間隔相等。所以，項目之間的間隔比項目與邊框的間隔大一倍。
