flex align-content中的描述的“多根軸線的對齊方式”中的“多根軸線”到底是什么


flex 有兩條軸線,根據flex-flow 設置的來判斷的,水平為主軸的話,那么值為row,垂直為主軸的話那么為column;

其中設置align-items 和 align-content都是來設置交叉軸的。

這2個屬性設置參數互不影響。

align-items :在單根軸線和多根都有效,這軸線我理解為是主軸。

align-cotennt:在多根軸線有效的時候設置有效,假如align-items和 content都設置了不同的值,那么align-content的值永遠被優先使用,無論聲明順序。

 

多軸我的理解為:flex-flow 中有一個屬性,nowrap 和 wrap 這表示當主軸一次性不能排下這么多元素的時候,采取的排序方法,wrap的意思就是一行排不下了,換到下一行來展示,如果下一行還是展示不下,就再換到下一行。

如果flex-flow設置為row的話,采用wrap方法展示了3行。那么就有3個主軸平行的,那么就屬於多軸了。


免責聲明!

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



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