flex-direction:決定主軸排列方向
? 參數(shù)：row（默認）：主軸為水平方向，起點在左端。
? ? ? ? ? ? ? row-reverse：主軸為水平方向，起點在右端。
? ? ? ? ? ? ? column：主軸為垂直方向，起點在上端。
? ? ? ? ? ? ? column-reverse：主軸為垂直方向，起點在下端。
flex-wrap:如果總寬度超過屏幕寬度,決定是否換行
參數(shù)：nowrap（默認）：不換行，所有item在一行。
? ? ? ? ? ? wrap：換行，第一行在上方
? ? ? ? ? ? wrap-reverse：換行，第一行在下方
flex-flow:flex-direction和flex-wrap的縮寫
例：flex-flow：row ?wrap；
justify-content?:決定主軸方向的對齊方式
參數(shù)：flex-start(默認)：對齊主軸的起點
? ? ? ? ? ??flex-end：對齊主軸的終點
? ? ? ? ? ? center：在主軸方向居中
? ? ? ? ? ? space-between:左右不留空 平分位置
? ? ? ? ? ? space-around: 左右留空 平分位置
? ? ? ? ? ? stretch（默認值）:軸線占滿整個交叉軸。
align-items:決定交叉軸的對齊方式
參數(shù)：flex-start(默認)：對齊交叉軸的起點
? ? ? ? ? ? flex-end：對齊交叉軸的終點
? ? ? ? ? ? center：在交叉軸方向居中
? ? ? ? ? ? baseline：以項目之間的第一行文字的基線對齊。
? ? ? ? ? ? stretch（默認）:如果項目未設置高度或設為auto，將占滿整個容器的高度。
注:align-items和align-content的區(qū)別:前者適用于單行容器，而后者只適用于多行
flex：給子元素設置，子元素將按照這個屬性數(shù)字的比例分配空間。
參數(shù)：數(shù)字：項目占據(jù)父元素的空間比例，填滿容器。
? ? ? ? ? ?auto：如果超過父元素尺寸，項目尺寸會等比例縮小，如果不足父元素的尺寸，會等比例放大以填滿容器。
? ? ? ? ? none：項目尺寸不變化。
