最新修改樣式的時候用到彈性布局,設置垂直方向之后justify-content失效,找資料網上的只找到兩種失效的方式,但都不是我遇見的,網上失效的解決方案如下:
原因一：子元素設置了 margin：auto,注意：margin-left/right auto 這些是沒問題的.
原因二：盒子本身偽類選擇器.
以上是網上容易找到的,都沒解決我的問題,最后我就把子類元素所有樣式全部去掉一個一個實驗,最后發現是子類元素設置了 flex:1 導致的.
原因三: 子元素設置單個盒模型占比導致justify-content失效.
至此完美解決justify-content失效,特此添加次隨筆以記錄問題.