终于找到另一种弹性盒模型justify-content失效的原因了

最新修改样式的时候用到弹性布局,设置垂直方向之后justify-content失效,找资料网上的只找到两种失效的方式,但都不是我遇见的,网上失效的解决方案如下:

原因一：子元素设置了 margin：auto,注意：margin-left/right auto 这些是没问题的.

原因二：盒子本身伪类选择器.

以上是网上容易找到的,都没解决我的问题,最后我就把子类元素所有样式全部去掉一个一个实验,最后发现是子类元素设置了 flex:1 导致的.

原因三: 子元素设置单个盒模型占比导致justify-content失效.

至此完美解决justify-content失效,特此添加次随笔以记录问题.