在上一篇文章中，我们将了可以通过父容器的 align-items 属性，改变交叉轴上，子元素在交叉轴上的排列方向。而如果其中有子元素对这样的方向排列不满意，还可以自己通过 align-self 属性进行修改。
align-self 的默认值是 auto，表示继承父容器的 align-items 属性，如果没有父元素，等同于 stretch。
align-self 和 align-items 类似，有六个可选项。
auto：听父容器的。
flex-start：交叉轴的起点对齐。
flex-end：交叉轴的终点对齐。
center：交叉轴的上居中对齐。
baseline：已第一行文字的基准对齐。
stretch：默认，未设置高度的情况下，占满整个高度。
这里的例子中，B item 就使用 align-self 修改了对齐方式为 center ，呈现出来的效果，就是一个对父容器，在交叉轴上居中的效果，自己管理自己。
五、小结到这里，关于小程序中 Flex 布局的使用，基本上就算是讲清楚了。虽然前端布局有很多奇淫技巧，但是利用这两篇文章中介绍的属性，已经可以排列出精美的 UI 效果。
快来开始你的小程序开发之旅吧！
公众号后台回复成长『成长』，将会得到我准备的学习资料，也能回复『加群』，一起学习进步；你还能回复『提问』，向我发起提问。
推荐阅读：