容器(父元素)的屬性:
flex-direction屬性決定主軸的方向
flex-wrap?屬性決定項目在一行排不下的情況下是否換行
flex-flow?flex-flow
屬性是flex-direction
屬性和flex-wrap
屬性的簡寫形式,默認值為row nowrap
。
jstify-content? ??justify-content
屬性定義了項目在主軸上的對齊方式
align-items?屬性定義了每行項目在側軸方向上的對齊方式\
align-content屬性 align-content
屬性定義了容器在側軸方向上有額外空間時怎樣排布
子容器
order屬性? ? ?order
屬性定義項目的排列順序。數值越小排列越靠前,默覺得0,可能的值為隨意整數。
flex-grow屬性?flex-grow
屬性定義項目的放大比例,默覺得0,即假設存在剩余空間也不放大。
flex-shrink屬性?flex-shrink
屬性定義了項目的縮小比例,默覺得1。即假設空間不足該項目將縮小。
flex-basis 屬性定義了在分配多余空間之前,項目占領的主軸空間(main-size)。
flex屬性? ?flex
屬性是flex-grow
,?flex-shrink
?和?flex-basis
的簡寫,默認值為0 1 auto
。??
align-self屬性?align-self
屬性同意單個項目有與其它項目不一樣的側軸對齊方式,可覆蓋align-items
屬性。
?