終于找到另一種彈性盒模型justify-content失效的原因了

最新修改樣式的時候用到彈性布局,設定垂直方向之後justify-content失效,找資料網上的隻找到兩種失效的方式,但都不是我遇見的,網上失效的解決方案如下:

原因一：子元素設定了 margin：auto,注意：margin-left/right auto 這些是沒問題的.

原因二：盒子本身僞類選擇器.

以上是網上容易找到的,都沒解決我的問題,最後我就把子類元素所有樣式全部去掉一個一個實驗,最後發現是子類元素設定了 flex:1 導緻的.

原因三: 子元素設定單個盒模型占比導緻justify-content失效.

至此完美解決justify-content失效,特此添加次随筆以記錄問題.