0.參考網址：https://www.runoob.com/w3cnote/flex-grammar.html
1.排列

• 預設值：橫向排列（從左邊開始排）

div
{
	display:flex;/*設定為flex佈局*/
	flex-direction:row;/*這是預設值，此行可以不寫*/
}

• 橫向排列（從右邊開始排）

div
{
	display:flex;/*設定為flex佈局*/
	flex-direction:row-reverse;
}

• 縱向排列（從頂部開始排）

{
	display:flex;/*設定為flex佈局*/
	flex-direction:column;
}
 

• 縱向排列（從底部開始排)

{
	display:flex;/*設定為flex佈局*/
	flex-direction:column-reverse;
}

2.換行

• 預設值：不換行

{
	display:flex;/*設定為flex佈局*/
	flex-wrap: nowrap；
}

• 換行且第一行在上方

{
	display:flex;/*設定為flex佈局*/
	flex-wrap: wrap；
}

• 換行且第一行在下方

{
	display:flex;/*設定為flex佈局*/
	flex-wrap: wrap-reverse；
}
 

3.也可以把上述兩種屬性寫在一行

{
	flex-flow:  row nowrap;
}