flex布局实现垂直居中 上下两端对齐

 

很多项目都会有这种页面 左面图片 右边是文字 之前我一般的做法就是用flex分为左右两部分 ，然后右边的的文字直接用边距把文字分开，但是有时候适配的话有的机型可能会有问题，然后我就查了一下flex有没有垂直居中的方法，然后发现了 flex-flow这个属性，再也不用担心机型问题了

display:flex;
flex-flow: column; //垂直排列
justify-content: space-between;//两端对齐