主軸方向問(wèn)題
Flex項(xiàng)目是Flex容器的子元素。他們沿著主要軸和橫軸定位。默認(rèn)的是沿著水平軸排列一行。你可以通過(guò)flex-direction來(lái)改變主軸方向修改為column,其默認(rèn)值是row。
如何將flex項(xiàng)目移動(dòng)到頂部,取決于主軸的方向。如果它是垂直的方向通過(guò)align-items設(shè)置;如果它是水平的方向通過(guò)justify-content設(shè)置。
.flexcontainer{ display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-align-items: flex-start; align-items: flex-start; }
默認(rèn)row是水平方向,為什么這個(gè)例子不是用justify-content
2015-11-13
是這樣子的 不過(guò)要注意邏輯
2015-11-13
按照例子的話,flex-direction: row主軸方向是垂直方向,flex-direction: column主軸方向是水平方向,是這樣理解嗎?