在看Flex-direction的同時, 我們必須先搞清楚 2個Keyword
- 主軸
- 交錯軸
參考資料: 六角學院
主軸
交錯軸
交錯軸: 與主軸垂直的軸
交錯軸之後會再來談談!
(主軸)Flex-Direction
Row方向
row的意思: 由左往右排列
Row-reverse 方向
顧名思義: 將Row的順序反過來排列
Column方向
意思就是: 由上到下的排列
Column-reverse
顧名思義: 將Column順序反過來排列
總結
本節主要是先讓你看過範例知道
主軸在Flex排列裡面扮演的角色
接下來將會介紹
Justify-content/決定主軸對齊方式。