Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Як вирівняти елемент індивідуально?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**`align-self`** дозволяє індивідуально вирівняти один flex-елемент по поперечній осі, перевизначаючи `align-items` лише для нього; для вирівнювання по головній осі використовують трюк `margin: auto`. **Ключове:** `align-self` - індивідуальне вирівнювання по поперечній осі, а `margin: auto` - трюк для індивідуального вирівнювання по головній осі.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)ЗображенняДля індивідуального вирівнювання одного flex-елемента використовується властивість: ```javascript align-self ``` Ця властивість перевизначає `align-items`, але **лише для конкретного елемента**. Приклад: ```css .item { align-self: center; } ``` Можливі значення збігаються зі значеннями `align-items`: ```javascript align-self: auto | flex-start | flex-end | center | baseline | stretch; ``` Також, якщо потрібно вирівняти елемент **по головній осі індивідуально**, можна використати `margin: auto;`: це окремий прийом, який дозволяє «відштовхнути» елемент від інших у потрібний бік. Наприклад: ```css .item { margin-left: auto; /* відсунути елемент праворуч у row-напрямку */ } ``` ## Підсумок | Властивість | Для чого | |---|---| | `align-self` | індивідуальне вирівнювання по поперечній осі | | `margin:auto` | індивідуальне вирівнювання по головній осі (трюк для окремого елемента) |Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.