Зміст курсу
Основи CSS
Основи CSS
Вирівнювання Елементів по Вертикалі
Властивість align-items
керує вертикальним розташуванням гнучких елементів. Значення за замовчуванням - stretch
.
Давайте розглянемо наступні приклади, щоб зрозуміти, де нам це потрібно.
stretch
Це означає, що ми розтягуємо елементи на всю довжину поперечної осі.
index
index
index
center
Елементи знаходяться в центрі поперечної осі.
index
index
index
flex-start
Всі елементи починаються з початку поперечної осі.
index
index
index
flex-end
Всі елементи знаходяться в кінці поперечної осі (в кінці батьківського flex-контейнера).
index
index
index
baseline
Усі flex-елементи вирівнюються на основі базового рядка їхнього текстового вмісту.
index
index
index
Дякуємо за ваш відгук!