flex-direction用法解釋


語法:

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 '> 相同。
  • 示例:將一個容器內的子元素反轉橫向排列


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM