flex 布局简单笔记

这个布局不光在小程序里可以用，和 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 的博客可以参考。

说的有点绕下面给个示例：