row 預設是水平 row-reverse 水平，從右到左排列 column 垂直 column-reverse 垂直，從下到上排列
nowrap 不換行，預設 wrap 換行 wrap-reverse 換行，倒著換行，從下往上換
flex-start 左對齊 flex-end 右對齊 center 中間對齊 space-between 兩端對齊，專案中間的間隔相等 space-around 每個專案兩側的間隔相等，所以中間的space是兩邊的space的兩倍
flex-start flex-end center baseline 專案的第一行文字的基線對齊 stretch (預設)
flex-start flex-end center space-between space-around stretch 軸線佔滿整個交叉軸，預設值
預設為0(不放大)，如果都為1，則均分剩餘空間，如果有1有2，則2的佔據的剩餘空間比1的大一倍
預設為1(如果空間不足，自動縮小)，如果有0有1，則0的不動，1的等比例縮小
：乙個固定值，類似於width/height auto：預設值，專案本身的大小
預設值值為0 1 auto，後兩個屬性可選，快捷值：auto=1 1 auto，none=0 0 auto
auto：預設值(繼承父容器的align-items)，如果沒有父元素，則等同於stretch flex-start 除了auto，其他屬性和align-items完全一致 flex-end flex-center baseline stretch
//內聯樣式動態修改
:style="
實際高度/寬度 = height(min-height) / width(min-width) + padding
Flex 操作XML 取得子元素的名稱
flex 操作xml 取得xml 子物件節點的名稱 如120 120120 120 的x,y,width.height 字串，而不是x y 的值。var basiclength int basiccfg.children length for var basicindex int 0 basicin...
設定側軸上子元素排列方式 flex布局
常見父項屬性 1 flex direction 設定主軸方向，預設為x軸 屬性值 row 從左到右，x軸 預設 row reverse 從右到左 column 從上到下 column reverse 從下到上 2 justify content 設定主軸上的子元素排列方式 屬性值 flex star...
設定側軸上子元素排列方式 flex布局
flex布局優缺點 布局簡單，移動端使用較廣 pc端支援較差，ie11或更低版本不支援 flex布局原理 flex 是 flexible box 的縮寫，意為 彈性布局 用來為盒狀模型提供最大的靈活性，任何乙個容器都可以指定為 flex 布局。當我們為父盒子設為 flex 布局以後，子元素的 flo...