flex布局实现垂直居中 上下两端对齐 顶端底部对齐
很多项目都会有这种页面 左面图片 右边是文字,右边的的文字直接用边距把文字分开,有时候适配的话有的机型可能会有问题,然后我就查了一下flex有没有垂直居中的方法,然后发现了 flex-flow这个属性。这样可以精准控制 垂直布局了。
改变flex-flow的属性,让他垂直排列即可。
display:flex;
flex-flow: column; //垂直排列
justify-content: space-between;//两端对齐
很多项目都会有这种页面 左面图片 右边是文字,右边的的文字直接用边距把文字分开,有时候适配的话有的机型可能会有问题,然后我就查了一下flex有没有垂直居中的方法,然后发现了 flex-flow这个属性。这样可以精准控制 垂直布局了。
改变flex-flow的属性,让他垂直排列即可。
display:flex;
flex-flow: column; //垂直排列
justify-content: space-between;//两端对齐