justify-content 屬性定義了瀏覽器如何分配順著父容器主軸的彈性元素之間及其周?chē)目臻g。

space-evenly: 均勻排列每個(gè)元素,每個(gè)元素之間的間隔相等

space-between: 均勻排列每個(gè)元素,首個(gè)元素放置于起點(diǎn),末尾元素放置于終點(diǎn)
兼容解決如下：

box{
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      justify-content: space-between;
       //justify-content: space-evenly;
      &:before,
      &:after {
          content: '';
          display: block;
    }
}