Вирівнювання Вмісту по Горизонталі
The justify-content property is instrumental in determining the position of flex items along the main axis. Its default value is flex-start.
justify-content: flex-start | flex-end | center | space-between | space-around;
flex-start
Значення за замовчуванням, яке змушує всі елементи розташовуватися на початку головної осі.
flex-start
Default value, which makes all the items be at the start of the main axis.
index.html
index.css
flex-end
All items are at the axis end.
index.html
index.css
center
All items are in the center.
index.html
index.css
space-around
It distributes all the items evenly along the main axis with a bit of space left at either end.
index.html
index.css
space-between
It is very similar to space-around except that it doesn't leave any space at the axis on both ends.
index.html
index.css
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Awesome!
Completion rate improved to 2.5Вирівнювання Вмісту по Горизонталі
Свайпніть щоб показати меню
The justify-content property is instrumental in determining the position of flex items along the main axis. Its default value is flex-start.
justify-content: flex-start | flex-end | center | space-between | space-around;
flex-start
Значення за замовчуванням, яке змушує всі елементи розташовуватися на початку головної осі.
flex-start
Default value, which makes all the items be at the start of the main axis.
index.html
index.css
flex-end
All items are at the axis end.
index.html
index.css
center
All items are in the center.
index.html
index.css
space-around
It distributes all the items evenly along the main axis with a bit of space left at either end.
index.html
index.css
space-between
It is very similar to space-around except that it doesn't leave any space at the axis on both ends.
index.html
index.css
Дякуємо за ваш відгук!
