一、flex(彈性布局)
dispaly:flex;(必須)
1.主要容器屬性（用於布局）
（1）flex-direction：row || row-reverse || column || column-reverse
row:容器內的子專案從左到右橫著排列
row-reverse:容器內的子專案從右到左橫著排列
column:容器內的子專案從上到下縱著排列
column-reverse:容器內的子專案從下到上縱著排列
（2）flex-wrap: nowrap || wrap || wrap-reverse
nowrap:容器內的子專案不換行
wrap:容器內的子專案換行，第一行排滿自動換到下一行（從左往右）
wrap-reverse:容器內的子專案從容器底部開始排列，行滿子專案自動向上換行（從左往右）
（3）flex-flow: row nowrap || row wrap || column nowrap …
該屬性是flex-direction和flex-wrap的結合,按自己的需求來組合。
（4） justify-content: flex-start || flex-end || center || space-between || space-around
假設交叉軸從左往右
flex-start:左對齊；
flex-end:右對齊；
center:居中對齊；
space-between:兩端對齊，子專案之間的距離相同
sapce-around:每個子專案的左右距離相等（注意between和around之間的區別，between的子專案之間距離相同，around的子專案之間距離不同）
（5） align-items: flex-start || flex-end || center || baseline || stretch
假設交叉軸從上往下
flex-start:起點對齊
flex-end:終點對齊
center:中點對齊
baseline:以子專案的第一行文字為基線對齊
stretch:若子專案未設定高度，將閘門，將佔滿整個螢幕的高度。
（6）align-content: flex-start || flex-end || center || sapce-between || space-around || stretch
**! 注意：**如果該屬性只有一根軸線，則該屬性不起作用。
解決：需要設定flex-wrap:…
flex-start:起點對齊
flex-end:終點對齊
center:中點對齊
space-between:兩端對齊，子專案之間的距離相同
sapce-around: 每個子專案的左右距離相同
stretch:佔滿整個螢幕
2.子專案的屬性
（1）order:數值;
該屬性定義子專案的排列順序，預設為0.數值越小排列越靠前。可以使負值。
（2）flex-grow: 數值;
該屬性定義子專案的放大比例，預設為0（即使有剩餘空間也不放大）。
如果所有子專案設定為1，則所有子專案等分剩餘空間。
如果其中乙個子專案設定為2，則該子專案放大的比別的子專案大一倍。
（3）flex-shrink:數值；
該屬性定義子專案縮小比例，預設為1（即剩餘空間不足時，所有子專案同時縮小）
如果其中乙個子專案設定為0，若剩餘空間不足，該子專案不會縮小，而是別的子專案縮小。
（4） flex-basis:400px || auto
該屬性定義在分配多餘空間之前，專案佔據的主軸空間，預設為auto,瀏覽器根據此屬性檢查主軸是否有多餘空間。
當乙個子專案的值設定為400px時，若剩餘空間充足，則該子專案的固定寬為400px。若剩餘空間不足，則該子專案與別的子專案同比縮小。
（5） flex:0 1 auto;
該屬性是flex-grow，flex-shrink和flex-basis的組合，預設0 1 auto
可以用 flex:auto; 代替 flex: 1 1 auto;；
可以用 flex: none;代替 flex: 0 0 auto；
（6）align-self: auto | flex-start | flex-end | center | baseline | stretch;
該屬性與align-items屬性一致。
（微信小程式）一 初識微信小程式
需要看的 先是檔案目錄 一 pages 他存放於多個頁面 如 index log頁面。可以把他裡面的每個資料夾看成乙個整體。這個整體存放著 html css 和 資料 1 index資料夾 存放的index頁面的目錄。2 index.js 他可以處理得到 ajax 或自定義定義的資料。把得到的值封裝...
微信小程式
2.單獨設定某一頁面下的頂部欄的背景顏色,在其對應的.json檔案下修改即可 3.this.setdata 注意 onload函式下面執行的是非同步操作，非同步操作裡面this.data.直接賦值，是無效的，必須使用this.setdata this.setdata msg he llo wor l...
微信小程式
你好！這是你第一次使用markdown編輯器所展示的歡迎頁。如果你想學習如何使用markdown編輯器,可以仔細閱讀這篇文章，了解一下markdown的基本語法知識。全新的介面設計，將會帶來全新的寫作體驗 在創作中心設定你喜愛的 高亮樣式，markdown將 片顯示選擇的高亮樣式進行展示 全新的ka...