小程序的布局 flex 布局/相對定位和絕對定位

1.不使用flex時，在index.wxml里寫格式

 

 2.在index.wxss里寫樣式

 

 3.開始啟用flex格式

 

 3.1   flex-flow: row; 元素按照一行排列；                 flex-flow: column; 元素按照一列排列

                                  

 

3.2   flex-direction: column; 元素排列方式：按一列排列

 

3.3 flex-wrap: wrap;設置換行

未設置前，默認狀態，元素被擠變形

 

 

 設置后，元素自動向下換行，元素不變形 flex-wrap: wrap

 

元素向上換行  flex-wrap: wrap-reverse;

 

 

 

元素在主軸上的排序方式   justify-content: center;

 

 

元素右對齊   justify-content:flex-end;

 

 

元素兩邊對齊  justify-content:space-around;

 

 

元素兩邊對齊    justify-content:space-between;

 

 

 

align-items: stretch;  延伸