justify-content 屬性定義了瀏覽器如何分配順著父容器主軸的彈性元素之間及其周圍的空間它掂。
space-evenly: 均勻排列每個元素,每個元素之間的間隔相等
space-between: 均勻排列每個元素,首個元素放置于起點(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;
}
}
