---
title: Align Elements Using the justify-content Property
localeTitle: 使用justify-content属性对齐元素
---
## 使用justify-content属性对齐元素

正如挑战所述，要通过它，您需要将`justify-content`设置为中心。然而，挑战的关键在于体验并了解不同选项如何影响内容。

`center` ：确保您的子元素在父容器中居中。  
`flex-start` ：将所有内容推向左侧。  
`flex-end` ：将一切推向正确的方向。  
`space-between` ：将第一个和最后一个元素分别向左和向右推，并在它们之间添加偶数空格。如果您有奇数个元素，它会将它们添加到中心并根据顺序继续左右推动。  
`space-around` ：类似于space-between，但是元素周围会有相等的间距，所以第一个和最后一个不会直接在边缘上。