談到小程序布局就不得不談WXSS (WeiXin Style Sheets)！微信W(′?｀*)XSS是小程序絕微信小程序專(zhuān)用的樣(yang)式語(yǔ)言。WXSS與css雖然在尺寸單位和樣式導入不同，對布定制但是局設計思，具有CSS大部分特性。程序小程序的步驟樣式，由項目公共樣式(shi)和頁(yè)面樣式共同作用。微信與Web開(kāi)發(fā)不??同的小程序絕是，開(kāi)發(fā)者不需要去優(yōu)化樣式文件的對布定制請??求數量，只需要考慮代碼的局設計思組織，樣式文件最終會(huì )被編譯優(yōu)化。程序

小程序常見(jiàn)的步驟五種布局方式：

表格布局 是(shi)最早出現的??布局方式。table設計初衷，微信是小程序絕為了呈現表格化數據。屬于歪打正著(zhù)的對布定??制一種布局方式，兼容于所有的頁(yè)面表現。

定位布局 根據參考元素的不同，設置當前元素的位置。常見(jiàn)(jian)的五種定位方(?????)式：靜態(tài)定位（static，正常的文檔流)、絕對定位（abso??lute，相對于已定位父元素）、相對定位（relative，相對其正常位置）、粘性定位（sticky，基于用戶(hù)的滾動(dòng)位置）、窗口定位（fixed ，基于可視窗口的固定位置）

浮動(dòng)布局 出現在css2.0中，設置元素浮動(dòng)后，元素將脫離普通流，可以控制元素在水平上左右移動(dòng)，再通過(guò)margin屬性調整位置。主要用于設置多個(gè)元素，共存于一行。

彈性盒子布(′_ゝ`)局 是一種一維布局模型，大部分的屬性作用于主軸。能夠在子元素的大小未知或動(dòng)態(tài)變化ヾ(′ω｀)?情況下，調節子元素的高度、寬度和排布的順序，適應布局空間。

網(wǎng)格布局 是一個(gè)基于網(wǎng)格的二維布局系統，借鑒了平面裝幀設計中的格線(xiàn)系統，將頁(yè)面劃分為一個(gè)個(gè)網(wǎng)格，定義這些網(wǎng)格的大小、位置、層次，組(?⊿?)合做出各種各樣的布局?？梢钥醋魇莟able布局的升級版，由Microsoft提出。