843 B
843 B
title, localeTitle
| title | localeTitle |
|---|---|
| Align Elements Using the justify-content Property | 使用justify-content属性对齐元素 |
使用justify-content属性对齐元素
正如挑战所述，要通过它，您需要将justify-content设置为中心。然而，挑战的关键在于体验并了解不同选项如何影响内容。
center ：确保您的子元素在父容器中居中。
flex-start ：将所有内容推向左侧。
flex-end ：将一切推向正确的方向。
space-between ：将第一个和最后一个元素分别向左和向右推，并在它们之间添加偶数空格。如果您有奇数个元素，它会将它们添加到中心并根据顺序继续左右推动。
space-around ：类似于space-between，但是元素周围会有相等的间距，所以第一个和最后一个不会直接在边缘上。