轉載：https://blog.csdn.net/u012927188/article/details/83040156 　　相信剛開始學習開發小程序的初學者一定對界面的布局很困擾，不知道怎么布局，怎么擺放位置，其原因是不了解CSS樣式的屬性，所以，今天代碼君打算寫一篇關於CSS的教程 ...

微信小程序的布局css樣式width: fit-content;font-size:20px; /*設置文字字號*/color:red; /*設置文字顏色*/font-weight:bold; /*設置字體加粗*/border:1px solid red ...

flex布局簡介 微信小程序頁面布局方式采用的是Flex布局。Flex布局，是W3c在2009年提出的一種新的方案，可以簡便，完整，響應式的實現各種頁面布局。Flex布局提供了元素在容器中的對齊，方向以及順序，甚至他們可以是動態的或者不確定的大小的。 樣式設置為 display:flex ...

盒模型 ...

一、盒子模型： 　　margin(外邊距)，邊框外的區域，外邊距是透明的； 　　border(邊框)，圍繞在內邊距和內容外的部分； 　　padding（內邊距），填充屬性，是指內容周 ...

一、盒子模型： 　　margin(外邊距)，邊框外的區域，外邊距是透明的； 　　border(邊框)，圍繞在內邊距和內容外的部分； 　　padding（內邊距），填充屬性，是指內容周圍的區域，內 ...

flex-direction 傳送門 border 傳送門 　邊框 粗細：thin（細線）、medium（中粗線）和thick（粗線） 類型：九個確定值： ...

微信小程序開發：學習筆記[4]——樣式布局 Flex布局 新的布局方式 　　在小程序開發中，我們需要考慮各種尺寸終端設備上的適配。在傳統網頁開發，我們用的是盒模型，通過display:inline | block | inline-block、 position、float來實現布局，缺乏 ...