Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Як flex-wrap впливає на вирівнювання елементів?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**`flex-wrap`** сам по собі не вирівнює елементи, але коли він увімкнений (`wrap` або `wrap-reverse`) і в контейнері з'являється кілька рядків flex-елементів, у гру вступає `align-content`, що вирівнює рядки між собою. **Ключове:** `flex-wrap` вмикає багаторядковий режим, через який починає відігравати роль `align-content`, що відповідає за розподіл рядків.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)ЗображенняКоли `flex-wrap` увімкнений (`wrap` або `wrap-reverse`), у контейнері може з'явитися **кілька ліній flex-елементів**. У такому випадку: - `justify-content` продовжує **вирівнювати елементи вздовж головної осі всередині кожного рядка** - `align-items` вирівнює елементи **всередині одного рядка по поперечній осі** - з'являється значення `align-content`: воно **керує вирівнюванням РЯДКІВ між собою**, коли їх кілька ## Коротко | Властивість | Працює при wrap | Що вирівнює | |---|---|---| | `justify-content` | так | елементи в рядку (по головній осі) | | `align-items` | так | елементи всередині рядка (по поперечній осі) | | `align-content` | **лише якщо є кілька рядків** | самі рядки (по поперечній осі) | **Висновок:** `flex-wrap` сам по собі не вирівнює елементи, але він вмикає багаторядковий режим, через який починає відігравати роль `align-content`, що відповідає за розподіл рядків.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.