Flex 彈性布局
常見的父項(xiàng)屬性
flex-direction： 設(shè)置主軸的方向
在flex布局中，是分為主軸和側(cè)軸倆個(gè)方向伺帘，同時(shí)可以稱之為：行和列、x軸和y軸。
- 默認(rèn)主軸方向是x軸厉亏，水平向右
-
默認(rèn)側(cè)軸方向是y軸，水平向下
flex布局默認(rèn)主烈和、側(cè)軸方向
主軸方向
flex- justify-content
設(shè)主軸上子元素的排列
flex換行
設(shè)置側(cè)軸上的元素排列方式（單行）
設(shè)置側(cè)軸上的子元素的排列方式（多行）
3.6 align-content和align-items區(qū)別
- align-items適用于單行情況下爱只，只有上對齊、下對齊招刹、劇中和拉伸
- align-content適用于換行（多行）的情況下（單行情況下無效）恬试，可以設(shè)置上對齊、下對齊疯暑、居中训柴、拉伸以及平均分配剩余空間等屬性值。
-
總結(jié)：單行找align-items缰儿，多行找align-content
flex-flow(direction和wrap的符合屬性)
Flex布局子項(xiàng)常見屬性
- flex子相互占的份數(shù)
- alogn-self控制子項(xiàng)自己在側(cè)軸的排列方式
- order屬性定義子項(xiàng)的排列順序（前后順序）
子項(xiàng)的flex屬性
子項(xiàng)的align-self屬性
子項(xiàng)的align-order屬性
