Крім того, спробуйте зміна напрямку згинання на зворотний рядок і подивіться, що відбувається — стартова лінія змінюється, тому порядок починається з протилежного боку. Елементи Flex мають стандартне значення порядку 0 . Таким чином, елементи з цілим значенням, більшим за 0, відображатимуться після будь-яких елементів, яким не було надано явне значення.
Властивість align-items, встановлена для контейнера flex, і властивість align-self, встановлена для елементів flex, контролюйте вирівнювання елементів Flex на поперечній осі. Поперечна вісь проходить вниз по стовпцях, якщо flex-direction — row, і вздовж рядків, якщо flex-direction — column.
Початок: елементи вирівнюються до початку або верхньої межі контейнера. Центр: Центральне вирівнювання елементів усередині контейнера. Кінець: елементи розташовуються на кінці або нижній межі контейнера. Відстань між: рівномірний відстань по всьому контейнеру, починаючи з першого елемента й закінчуючи останнім.
Гнучкий контейнер
- Елементи відображаються в рядку (за замовчуванням властивість flex-direction має значення row).
- Елементи починаються від початкового краю головної осі.
- Елементи не розтягуються в основному розмірі, але можуть стискатися (значення за замовчуванням властивості flex-grow flex-item дорівнює 0, а властивості flex-shrink — 1).
Щоб змінити порядок об’єктів, клацніть ліворуч від об’єкта та перетягніть мишею, щоб перемістити об’єкт на нове місце в таблиці.