微信小程序中的css樣式，是制定網(wǎng)頁排版和布局的基礎(chǔ)。其中一個基礎(chǔ)樣式是正方形樣式。

.wx-square {
height: 100%;
width: 0;
padding-bottom: 100%;
position: relative;
}
.wx-square-inner {
position: absolute;
height: 100%;
width: 100%;
}

以上這段代碼展示了如何實現(xiàn)一個正方形的樣式，首先設(shè)置高度和寬度都為100%，同時使用padding-bottom屬性來撐開高度，使之與寬度相等。

這是實現(xiàn)正方形的第一步。第二步是利用relative和absolute屬性，給正方形元素和容器元素分別添加定位屬性。

其中容器元素的position屬性被設(shè)置為相對定位，元素內(nèi)部的正方形元素使用絕對定位。這樣一來，正方形元素就能夠根據(jù)容器元素來進(jìn)行高度和寬度的自適應(yīng)布局。

上述代碼可以應(yīng)用于無數(shù)場合，如微信小程序的聊天對話框、圖片展示等等。通過使用這樣簡單的樣式，能夠讓頁面更具美感，也符合時下審美趨勢。