CSS flex纵向布局时flex：1没有自动撑开项目？

之前就有同学问我，“flex纵向布局情况下，使用了flex：1.想要让项目自动撑开，却无效果，是怎么回事呢？”。
最近同事在写weex混合APP时，也遇到了如此的问题。那么今天写篇短文，方便自己和大家阅读学习。
1、首先flex布局，默认都是要有个量来限制它的布局范围的。
纵向布局，即需要一个高度。
水平布局，即需要一个宽度。
2、其次，flex属性是flex 子项目的属性，也就是flex布局的容器里所有子元素的属性。
flex属性是flex-gorw,flex-shrink,flex-basis三个属性的简写，默认值为0 1 auto。后两个属性可选。
该属性有两个快捷值: auto(1,1,auto)和none(0,0,auto)。
建议优先使用这个属性，而不是分离使用三个属性，因为浏览器会推算相关值。
3、在书写weex时，需要特别使用一个技巧，需要在父级添加 align-item属性。
看到这里了，快去试试吧。

时有记，终必成。