語法:
flex-direction:row | row-reverse | column | column-reverse
默認值:row
適用於:flex容器
繼承性:無
動畫性:否
計算值:指定值
取值:
- row:
- 主軸與行內軸方向作為默認的書寫模式。即橫向從左到右排列(左對齊)。
- row-reverse:
- 對齊方式與row相反。
- column:
- 主軸與塊軸方向作為默認的書寫模式。即縱向從上往下排列(頂對齊)。
- column-reverse:
- 對齊方式與column相反。
說明:
該屬性通過定義flex容器的主軸方向來決定felx子項在flex容器中的位置。這將決定flex需要如何進行排列
- 該屬性的反轉取值不影響元素的繪制,語音和導航順序,只改變流動方向。這與 <' writing-mode '> 和 <' direction '> 相同。
- 示例:將一個容器內的子元素反轉橫向排列



