flex-direction為決定div排列方式的屬性，最基本的有四種方式
- row
- column
- row-reverse
- column
Row
敘述：row 在英文中的意思是行，也就是橫的水平排列，而此屬性也是最直觀的由左開始排列
效果：由左而右水平排列
範例
flex-direction: row
（成果）
Row-reverse
敘述：reverse 是反轉的意思，顧名思義就是row的相反方向，由右開始也是水平排列
效果：由右而左水平排列
範例
flex-direction: row-reverse
（成果）
Column
敘述：column 代表的是列，也就是直的垂直排列，而此屬性也是最直觀的由上開始排列
效果：由上而下垂直排列
範例
flex-direction: column
（成果）
Column-reverse
敘述：reverse 是反轉的意思，也就是column的相反方向，由下而上排列
效果：由下而上垂直排列
範例
flex-direction: column-reverse
（成果）