UniAPP布局

uniapp建议使用flex布局。
首先定义flex容器：display:flex。
flex容器按主轴排列填充，支持横向、纵向排列，flex属性如下：
flex-direction排列方向
flex-direction:row。
flex-wrap换行
flex-wrap:nowrap，不换行
flex-wrap:wrap，换行
justify-content:设置元素在主轴上的对齐方式
justify-content：flex-start 默认左对齐
justify-content：flex-end 右对齐
justify-content：center 居中对齐
justify-content：space-between 两端对齐元素之间等距排列。
justify-content：space-around 元素等距排列。
align-items:定义flex成员在交叉轴上的排列方式。
align-items：stretch 默认拉伸，当元素交叉轴方向大小未设置时会拉伸填满。