freeCodeCamp/guide/russian/certifications/responsive-web-design/css-flexbox/align-elements-using-the-ju.../index.md

1.7 KiB
Raw Blame History

title localeTitle
Align Elements Using the justify-content Property Выравнивание элементов Использование свойства обоснования-содержимого

Выравнивание элементов Использование свойства обоснования-содержимого

Как указано в задаче, чтобы передать ее, вам необходимо установить justify-content в центр. Тем не менее, задача состоит в том, чтобы испытать и увидеть, как различные параметры влияют на контент.

center : Обеспечит, чтобы ваши дочерние элементы были центрированы в родительском контейнере.
flex-start : будет толкать все влево.
flex-end : надавит все на правую сторону.
space-between : будет толкать первый и последний элементы влево и вправо, и между ними должно быть четное пространство. Если у вас есть нечетные числа элементов, они добавят их в центр и продолжат толкать влево и вправо в зависимости от порядка.
space-around : будет делать подобное пространство между ними, но вокруг элементов будет одинаковое расстояние, поэтому первое и последнее не будут находиться непосредственно на краю.