13 lines
1.7 KiB
Markdown
13 lines
1.7 KiB
Markdown
|
---
|
|||
|
title: Align Elements Using the justify-content Property
|
|||
|
localeTitle: Выравнивание элементов Использование свойства обоснования-содержимого
|
|||
|
---
|
|||
|
## Выравнивание элементов Использование свойства обоснования-содержимого
|
|||
|
|
|||
|
Как указано в задаче, чтобы передать ее, вам необходимо установить `justify-content` в центр. Тем не менее, задача состоит в том, чтобы испытать и увидеть, как различные параметры влияют на контент.
|
|||
|
|
|||
|
`center` : Обеспечит, чтобы ваши дочерние элементы были центрированы в родительском контейнере.
|
|||
|
`flex-start` : будет толкать все влево.
|
|||
|
`flex-end` : надавит все на правую сторону.
|
|||
|
`space-between` : будет толкать первый и последний элементы влево и вправо, и между ними должно быть четное пространство. Если у вас есть нечетные числа элементов, они добавят их в центр и продолжат толкать влево и вправо в зависимости от порядка.
|
|||
|
`space-around` : будет делать подобное пространство между ними, но вокруг элементов будет одинаковое расстояние, поэтому первое и последнее не будут находиться непосредственно на краю.
|