很多项目都会有这种页面 左面图片 右边是文字,右边的的文字直接用边距把文字分开,有时候适配的话有的机型可能会有问题,然后我就查了一下flex有没有垂直居中的方法,然后发现了 flex-flow这个属性。这样可以精准控制 垂直布局了。

改变flex-flow的属性,让他垂直排列即可。

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

flex flow

标签: flex


阿里云优惠主机

添加新评论

免责声明
本博客部分内容来自于互联网,不代表作者的观点和立场,如若侵犯到您的权益,请联系[email protected]。我们会在24小时内进行删除。