У цій інструкції ви дізнаєтеся, як об’єднувати елементи у групи, керувати ними та розгруповувати за потреби. Це допоможе швидше працювати з кількома елементами одночасно та зберігати порядок у макеті.

Зміст:

Групування елементів

Дії з групою елементів

Дії з елементами всередині групи

Розгрупування елементів

Групування елементів

1. Виділіть необхідні елементи: протягніть мишкою по області з ними або утримуючи Shift, клікніть по кожному потрібному елементу.

2. Натисніть на три крапки у меню, що з'явиться, та виберіть опцію Згрупувати:

Дії з групою елементів

Група елементів буде поводити себе аналогічно до індивідуальних елементів з абсолютним позиціонуванням.

Ви можете її переміщати у рамках блоку, змінювати її вирівнювання, розмір, шар відносно інших елементів та груп тощо. Детальніше ознайомитися з базовими діями з абсолютними елементами у рамках Flex-блоку ви можете у нашій статті.

Також ви можете копіювати елементи у групу. Для цього скопіюйте сам елемент, натисніть на групу, в яку хочете його вставити, після цього скористайтесь гарячими клавішами Command+V (або Ctrl+V для Windows) для вставки або ж натисніть на три крапки у меню і виберіть опцію Вставити.

Дії з елементами всередині групи

Для того щоб перейти до налаштувань певного індивідуального елементу в групі, клікніть по ньому два рази.

Вам будуть доступні звичайні налаштування відповідного елемента, також ви зможете змінювати його розмір, шар, на якому знаходиться елемент у групі, позицію та вирівнювання у групі.

Розгрупування елементів

Для того щоб розгрупувати елементи, клікніть по потрібній вам групі та натисніть на три крапки. У меню ви побачите опцію Розгрупувати:

Оновлено: 09/04/2026