1、问题：遇到了设置了justify-content: space-between;中间的div不居中的问题
2、原因：
因为felx布局是根据剩余的空间来设置的，看紫色的那段，当第一个div为空时，会出现左倾
3、解决：三个子项设置flex:1;就好了
免责声明！
本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。
猜您在找
flex布局 - justify-content: space-evenly
解决 display: flex; justify-content: space-between;的布局位置错乱问题
flex——justify-content属性引起的一个样式问题
display:flex justify-content属性（三）
【CSS】弹性盒子 display：flex和justify-content：center和align-items：center一起使用的问题
解决display:flex属性 justify-content: space-between和space-around换行后的排版问题
解决弹性布局使用justify-content:space-between后最后一行多个元素排版问题
css flex布局多列，两端对齐，justify-content: space-between;换行往左靠拢有效解决办法
display：flex; justify-content:space-between; 最后一行显示内容无法靠左显示
Html align-items(为弹性容器内的项目指定默认对齐方式) justify-content(用于设置或检索弹性盒子元素在主轴（横轴）方向上的对齐方式) display:flex(弹性布局)