Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Вивчайте Вирівнювання Вмісту по Горизонталі | Флексбокс
Основи CSS

bookВирівнювання Вмісту по Горизонталі

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.html

index.css

index.css

copy

flex-end

All items are at the axis end.

index.html

index.html

index.css

index.css

copy

center

All items are in the center.

index.html

index.html

index.css

index.css

copy

space-around

It distributes all the items evenly along the main axis with a bit of space left at either end.

index.html

index.html

index.css

index.css

copy

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.html

index.css

index.css

copy
question mark

Яке з наведених нижче значень властивості justify-content вирівняє flex-елементи по центру flex-контейнера?

Select the correct answer

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 4. Розділ 3

Запитати АІ

expand

Запитати АІ

ChatGPT

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

bookВирівнювання Вмісту по Горизонталі

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.html

index.css

index.css

copy

flex-end

All items are at the axis end.

index.html

index.html

index.css

index.css

copy

center

All items are in the center.

index.html

index.html

index.css

index.css

copy

space-around

It distributes all the items evenly along the main axis with a bit of space left at either end.

index.html

index.html

index.css

index.css

copy

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.html

index.css

index.css

copy
question mark

Яке з наведених нижче значень властивості justify-content вирівняє flex-елементи по центру flex-контейнера?

Select the correct answer

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 4. Розділ 3
some-alt