一牵辣、簡介
- 又名伸縮布局摔癣、彈性布局、伸縮盒布局纬向、
- 更適用于移動端
- 布局原理择浊，添加
display: flex; - 父盒設(shè)為
flex后，子元素的float逾条、clear琢岩、vertical-align屬性失效
二、常見父項屬性
flex-direction 設(shè)置主軸方向
- 屬性
row（默認(rèn)） row-reversecolumncolumn-reverse
justily- content 主軸上的子元素排列方式
flex-startflex-endcenter-
space-around平分剩余空間 -
space-between兩邊貼邊师脂，中間平分
flex-wrap 子元素是否換行
-
nowrap默認(rèn) wrap
align-content 子元素的排列方式（多行）
flex-startflex-endcenterspace-aroundspace-between-
stretch拉伸
align-items 側(cè)軸上的子元素排列方式（單行）
flex-startflex-endcenter-
stretch拉伸
flex-flow 復(fù)合flex-direction担孔、flex-wrap`
三、常見子項屬性
flex 在父盒子中所占份數(shù)
- 默認(rèn)0
align-self 在父盒側(cè)軸上的排列方式
- 高于父盒的
align-items屬性
order 在父盒中的排列順序
- 默認(rèn)0吃警，設(shè)為負(fù)數(shù)既可排在前面
