Flex頁面彈性佈局理解誤區

官方介紹:http://www.runoob.com/w3cnote/flex-grammar.html

flex佈局方式特別適用於想要居中的功能,但有幾個點容易誤解、理解誤區:

1、flex的主軸默認是水平線,但會根據flex-direction設置而變;(即:主軸可以是垂直線)

2、justify-content設置主軸上的對齊方式,從第1點可以理解,這個主軸對齊可以在水平線上,也可能在垂直線上。

3、align-items設置交叉軸上的對齊方式,從第1點可以理解,這個交叉軸對齊可以在水平線上,也可能在垂直線上。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章