微信小程序--view实现水平纵向布局

横向水平布局

–wxss–

.content{
  display: flex;  
  flex-direction: row;  
}

其中display:flex将view设置为弹性布局，flex-direction: row设置布局的方向是横向水平布局。

纵向垂直布局

–wxss–

.content{ 
  display: flex;  
  flex-direction: column;  
}

其中display:flex将view设置为弹性布局，flex-direction: row设置布局的方向是纵向垂直布局。