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