決定主軸方向，主軸方向影響了專案的排列方向
換行
結合了 flex-direction 和 flex-wrap 的屬性
.box專案在交叉軸上的對齊方式
多根軸線的對齊方式（專案只有一根軸線時無效）
.box專案的放大比例 預設為0（即不放大）
專案的縮小比例 預設為1（即空間不足，該專案會縮小） 0不縮小
分配多餘空間之前，計算專案佔據主軸的空間，再進行分配
結合了 flex-grow flex-shrink 和 flex-basis 的屬性
.itemli可以設定單個專案與其他專案不一樣的對齊方式（可覆蓋align-items）預設為auto 繼承父元素align-items的屬性 如果沒有父元素 等同於stretch
flex布局容器和專案的基本屬性
flex布局篩子案例 首先在vscode中建立乙個篩子模型 篩子的頁內樣式 container item 使用flex布局首先清楚在盒子中加上display flex，盒子就是容器，引用flex後，須清楚四個概念，容器，專案，主軸，交叉抽概念。flex布局主要有倆個屬性，容器的屬性和專案的屬性。容器...
移動端flex彈性布局容器常用屬性
下列屬性用於設定容器，也就是父盒子 在flex布局中，分為主軸和側軸。預設情況下，水平方形為主軸，水平向右，垂直方向為側軸，垂直向下。flex direction屬性可以改變預設的主軸設定 body div span 1.設定水平方向為主軸，專案從左向右排列 flex direction row 設...
小程式display的flex容器屬性
flex direction 決定元素排列方向 flex direction row column 預設為row,方向為水平,元素的排列方向即為主軸 另外垂直的方向為交叉軸 flex wrap決定元素如何換行 排列不下時 flex wrap wrap 預設排列不下時換行 flex wrap nowr...