項目(子元素)屬性:
align-self:;子元素在側軸上的對齊方式。
stretch 元素被拉伸以適應容器(此元素不設置寬度高度)。
center 元素位於容器的中心。
flex-start 元素位於容器的開頭。
flex-end 元素位於容器的結尾。
auto 默認值。元素繼承了它的父容器的 align-items 屬性。
如果沒有父容器則為 "stretch"。
order:number排序優先級,數字越大越往后排,默認為0,支持負數。
flex:復合屬性。設置或檢索彈性盒模型對象的子元素如何分配空間
flex-grow:;數字不帶單位,定義項目剩余寬度進行擴大
flex-shrink:;數字不帶單位。項目總寬度超出容器時的縮小設置
0 本身的大小,不縮小也不放大
1 平均分配,默認值
flex-basis:;百分比或px 項目的長度(寬度 高度)
綜合寫法:flex:放大 縮小 長度;后兩者基本不寫 數字 數字 百分比
vertical-align:;元素垂直對齊方式
top 頂部對齊
middle 中間對齊
bottom 底部對齊
針對inline-black和inline元素有效