这个布局不光在小程序里可以用，和 html css 里的是一样的。是一种方便的布局方式。
主要记住常用的几个：
前面可以指定高度或者宽度
display: flex;
使用 flex 布局
flex-direction: row;
在水平方向从左至右上排列（规定主轴的方向为）
还有 column、row-reverse 等
justify-content: space-around;
元素在主轴方向上的对齐方式（规定副轴方向）
还有 flex-start 、center、space-around、space-between（左右排列） 等
align-items: center;
弹性盒子元素在副轴方向上的对齐方式。
这有一个比较完整的 flexbox 的博客可以参考。
说的有点绕下面给个示例：
示例
