新！我的 44 頁電子書「44 分鐘學會 CSS」已經出版了！😃

立即取得 →

#justify-content

定義 flexbox/grid 項目在 flexbox/grid 容器內的主軸上如何對齊。

預設 justify-content: flex-start;

flexbox/grid 項目會被推向容器主軸的開頭。

justify-content: flex-end;

flexbox/grid 項目會被推向容器主軸的末端。

justify-content: center;

flexbox/grid 項目會置中在容器的主軸上。

justify-content: space-between;

剩餘的空間會分配在 flexbox/grid 項目之間。

justify-content: space-around;

剩餘的空間會分配在 flexbox/grid 項目周圍：這會在第一個項目之前和最後一個項目之後增加空間。