小程序开发——页面布局

两种方式可以同时使用。

一、flex布局

flex容器属性

1. flex-direction：元素的排列方向，默认为row（横排），column为竖排
2. flex-wrap：元素是否换行，nowrap(默认)、wrap、wrap-reverse（换行方向与wrap主轴相反）
3. flex-flow：flex-direction和flex-wrap的简写，比如 row wrap
4. justify-content：元素在主轴的对齐方式，flex-start（默认）、flex-end、center、space-between、space-around、space-evenly