> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.weblium.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

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

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

**Содержание:**
[Объединение элементов в группы](#1-obuedinenie-elementov-v-gruppy)
[Действия с группой элементов](#1-dejstviya-s-gruppoj-elementov)
[Действия с элементами внутри группы](#1-dejstviya-s-elementami-vnutri-gruppy)
[Разгруппирование элементов](#1-razgruppirovanie-elementov)

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

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

2. Нажмите на **три точки** в появившемся меню и выберите опцию **Сгруппировать**:  
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/grupuvannya-elementiv-u-flex-b_1nhuqdf.png)
|| ${color}[#ffa800](Примечание:) вы также можете использовать комбинацию клавиш `Command+G` (или `Ctrl+G` для Windows) для группировки элементов. 

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

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

Вы можете перемещать ее в пределах блока, изменять ее выравнивание, размер, слой относительно других элементов и групп и т. д. Подробнее ознакомиться с базовыми действиями с абсолютными элементами в рамках Flex-блока вы можете [в нашей статье](/ru/article/dobavlenie-flex-block-dlya-proizvolnogo-raspolozheniya-elementov-3jo99o/).

Также вы можете копировать элементы в группу. Для этого скопируйте сам элемент, нажмите на группу, в которую хотите его вставить, после чего воспользуйтесь горячими клавишами `Command+V` (или `Ctrl+V` для Windows) для вставки или нажмите на три точки в меню и выберите опцию **Вставить**.
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/grupuvannya-elementiv-u-flex-b_112o229.png)
|| ${color}[#ffa800](Примечание:) подробнее о копировании элементов вы можете узнать в нашей [статье](/ru/article/kopirovanie-elementov-ylg5x2/).

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

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

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


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

 Для того чтобы разгруппировать элементы, кликните по нужной вам группе и нажмите на **три точки**. В меню вы увидите опцию **Разгруппировать**:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/grupuvannya-elementiv-u-flex-b_n0gik2.png)
|| ${color}[#ffa800](Примечание:) вы также можете воспользоваться комбинацией клавиш Shift+Command+G (или Shift+Ctrl+G для Windows) для разгруппирования элементов.