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

Содержание:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Последнее изменение: 22/08/2025