justify-content(CSS)

設定所有子元素於主軸上要如何對齊

預設為橫排／X 軸

但在Flexbox裡沒有效果

常用形式：

table:justify-content

flex-start 對齊於軸線起點

flex-end 對齊於軸線終點

center 對齊於軸線中間

space-between 平均分配內容空間，但頭尾會對齊於起點和終點

space-around 平均分配內容空間，間距亦為平均分配

https://i.imgur.com/HZEA8ce.png

space-evenly