В этой инструкции вы узнаете, как объединять элементы в группы, управлять ими и разгруппировывать при необходимости. Это поможет быстрее работать с несколькими элементами одновременно и сохранять порядок в макете.

Содержание:

Объединение элементов в группы

Действия с группой элементов

Действия с элементами внутри группы

Разгруппирование элементов

Объединение элементов в группы

1. Выделите нужные элементы: проведите мышкой по области с ними или, удерживая Shift, кликните по каждому желаемому элементу.

2. Нажмите на три точки в появившемся меню и выберите опцию Сгруппировать:

Действия с группой элементов

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

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

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

Действия с элементами внутри группы

Для того чтобы перейти к настройкам определенного индивидуального элемента в группе, кликните по нему два раза.

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

Разгруппирование элементов

Для того чтобы разгруппировать элементы, кликните по нужной вам группе и нажмите на три точки. В меню вы увидите опцию Разгруппировать:

Последнее изменение: 09/04/2026