flex布局justify-content不居中的问题

1、问题：遇到了设置了justify-content: space-between;中间的div不居中的问题

 

 2、原因：

因为felx布局是根据剩余的空间来设置的，看紫色的那段，当第一个div为空时，会出现左倾

 

 3、解决：三个子项设置flex:1;就好了