1.display: flex; 用於設定乙個容器
2.flex-direction: row|column; row是橫向排列（預設），column是縱向排列，其餘反向排列不再列出
3.flex-wrap: nowrap | wrap; 控制一條軸線排不下對時候如何換行，nowrap表示不換行，wrap表示換行顯示
4.justify-content（水平方向布局） 控制子盒子的水平位置。
4.1 flex-start（預設值）：左邊
4.2 flex-end：右邊
4.3 center：中間
4.4 space-between：兩端對其，頭尾距離為0，專案之間均分剩餘距離
4.5 space-around：每個子盒子通過padding值均分距離，頭尾為1，中間為2
5.align-items 控制子盒子垂直位置（針對單行）
5.1 flex-start（預設值）：左邊
5.2 flex-end：右邊
5.3 center：中間
6.align-content 控制子盒子垂直位置（多根軸線，單行無效果）
微信小程式雲開發初體驗實況
微信重磅推出小程式雲開發功能，該功能方便了很多邏輯上的問題，至於安全嘛，騰訊的，如果騰訊不看你的，沒人看得到，話不多說，跟著騰訊文件進行第乙個demo 2 找到project.config.json檔案，新增 cloudfunctionroot functions 配置我們的雲函式目錄 3 發現雲函...
微信小程式 布局
傳送門 傳送門 語法 margin auto length 引數 margin 10px 11px 9px 8px 按順序分別代表物件與父容器的上 右 下 左的距離值為10px,11px,9px,8px。auto 值被設定為相對邊的值 length 由浮點數字和單位識別符號組成的長度值 百分數。百分...
微信小程式布局display flex布局介紹
display flex是將物件作為彈性伸縮盒顯示。伸縮盒最新版本 css3 在web網頁中必須要考慮相容性，因為瀏覽器不同，瀏覽器的支援和實現方式也不同，導致相容起來略顯麻煩 設定乙個容器，其中有多個子容器，比如，這是乙個簡單的例子 style width 400px height 120px b...