flex布局介绍（来自小程序文档，供个人记录阅读）

请移步小程序文档，个人觉得介绍地很详细：https://developers.weixin.qq.com/ebook?action=get_post_info&docid=00080e799303986b0086e605f5680a

附个人改进：

align-items 属性：

设置项目在行中的对齐方式。

.container{

  align-items:stretch（默认值） | flex-start | center | flex-end | baseline

}

原文档：

baseline：项目与行的基线对齐。

个人理解应改为：

baseline: 项目的第一行文字的基线对齐。

效果如下图所示