Обзор функции «Макет Flex»

Последнее обновление 7 авг. 2026 г.

Используйте панель «Макет Flex» в InDesign для создания, выравнивания, задания направления, обтекания текстом, выравнивания по ширине и регулировки интервалов между элементами в макете Flex.

Что такое макет Flex?

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

Доступ к параметрам макета Flex

Выберите объект/группу/несколько объектов в документе и выполните одно из следующих действий для доступа к параметрам макета Flex:

  • Выберите Объект > Макет Flex.
  • Нажмите объект правой кнопкой мыши для получения доступа к макету Flex.
  • Нажмите Окно > панель Макет Flex.
  • Нажмите один раз для работы с родительским макетом Flex и дважды для выбора дочернего элемента.
  • Используйте инструмент «Частичное выделение» для выбора дочерних элементов.

Добавить в макет Flex

Добавляет выбранные объекты в макет Flex.

Преобразовать в макет Flex

Преобразует объект (прямоугольный фрейм, прямоугольную фигуру или группу) в макет Flex.

Удалить макет Flex

Удаляет макет Flex из выделения. Если в макете Flex было несколько объектов, создается группа. Если был один объект, объект остается.

Показать элементы управления версткой Flex

Открывает панель Макет Flex (альтернатива панели Свойства).

Функция Макет Flex внедряет в InDesign концепцию контейнеров, аналогичную CSS Flexbox. Она обеспечивает расширенные возможности управления расположением дочерних объектов. Благодаря функции Макет Flex макеты становятся более структурированными, адаптивными и менее зависимыми от ручной настройки.

Контейнер с версткой Flex

Можно настроить свойства макета Flex непосредственно на панели Стили объектов. Вы можете создать стиль объекта с названием Вертикальный контейнер, который включает настройки макета Flex, а затем применить его к любому контейнеру с версткой Flex в вашем макете.

Пример.

Используйте панель Стили объектов, чтобы применить верстку Flex и настроить такие свойства, как направление, выравнивание и интервалы. После сохранения примените этот стиль к другим контейнерам для обеспечения согласованного поведения макета.

Дочерний элемент макета Flex

В том же разделе Макет Flex на панели Стили объектов можно также задать свойства для дочерних элементов верстки Flex и их вложенных дочерних элементов, что позволяет стандартизировать поведение (например, фиксированные или гибкие размеры) во всем макете.

  • Прямое создание интерактивных элементов: преобразование дочерних элементов в рамках макета Flex в интерактивные элементы без их отдельного создания и добавления в макет Flex.
  • Блокировка дочерних элементов: заблокируйте один или несколько дочерних элементов в макете Flex, чтобы предотвратить их прямое перетаскивание, изменение размера или перемещение за пределы фрейма, при этом сохраняя возможность изменения позиции с помощью клавиш со стрелками.
  • Навигация с клавиатуры для дочерних элементов: перемещайте заблокированные или разблокированные элементы с помощью клавиш со стрелками влево и вправо в горизонтальных макетах или клавиш со стрелками вверх и вниз в вертикальных макетах.
Совет

С помощью панели Стили объектов можно задавать свойства верстки Flex внутри заблокированных фреймов Flex.

Панель «Макет Flex»

Чтобы получить доступ к панели, нажмите Окно > Макет Flex. Откроется панель Макет Flex. Теперь можно создать или добавить Макет Flex или настроить существующий в соответствии с вашими требованиями. Если ничего не выбрано, панель можно также использовать для изменения настроек по умолчанию (применимо, если автообнаружение выключено). Выберите Установки > Основные > Автообнаружение и применение настроек макета Flex, чтобы проверить настройку автообнаружения.

Панель «Макет Flex» с различными параметрами для создания макетов Flex

A. Ширина контейнера Flex B. Высота контейнера Flex C. Перенос D. Направление объектов в макете Flex E. Интервал по вертикали F. Интервал по горизонтали G. Отступ  H. Выключка I. Выравнивание объектов в макете Flex 

Ширина и Высота

Размер контейнеров с версткой Flex и их дочерних элементов можно контролировать независимо. Для контейнера с версткой Flex ширина и высота могут иметь следующие значения:

  • Фиксированный: размер контейнера остается постоянным, независимо от его содержимого.
  • Авто: размер контейнера увеличивается или уменьшается в зависимости от размера дочерних элементов.

Для дочернего элемента макета Flex (включая вложенные макеты Flex):

  • Фиксированный: размер дочернего элемента остается постоянным, независимо от его содержимого.
  • Авто: размер дочернего элемента адаптируется под содержимое или дочерние элементы.
  • Заполнить пространство: дочерний элемент расширяется, чтобы занять оставшееся доступное пространство в этом измерении, при необходимости разделяя пространство с другими элементами того же уровня, относящимися к типу «Заполнить пространство».

Перенос

Включает или выключает обтекание объекта в контейнере.

Направление

Выберите, как элементы располагаются внутри контейнера (строка, обратная строка, столбец, обратный столбец).

Интервалы

Управляет отступами и интервалами.

  • Отступ: определяет внутренние отступы контейнера со всех сторон (сверху, снизу, слева, справа).
  • Интервал по горизонтали : установка одинаковых интервалов между элементами по горизонтали.
  • Интервал по вертикали : установка одинаковых интервалов между элементами по вертикали.

Выключка

Управляет распределением элементов вдоль основной оси.

Выравнивает строку по началу макета Flex и элементы по началу строки.

Выравнивает строку по центру макета Flex и элементы по центру строки.

Выравнивает строку по концу макета Flex и элементы по концу строки.

Выравнивает элементы в строках так, что:

  • Равное пространство с обеих сторон каждого элемента.
  • У крайних элементов открыта только одна сторона; пространство по краям составляет половину пространства между элементами.

Выравнивает элементы в строках так, что:

  • Первый элемент прижат к начальному краю, а последний элемент прижат к конечному краю.
  • Оставшиеся элементы равномерно распределены только между ними.
  • Распределяет элементы равномерно вдоль основной оси, с первым элементом в начале и последним в конце.
  • Без отступов по внешним краям.

Выравнивает элементы в строках так, что:

  • Равное пространство везде: между элементами и по краям.
  • Все действительно равномерно.

Выравнивание

Выравнивает элементы по поперечной оси: вверху, по центру, внизу или слева, по центру, справа.

Вверху слева: выравнивает строки по верхнему левому краю контейнера с версткой Flex и выравнивает элементы в строке по верхнему левому краю строки.

По центру слева: выравнивает строки по центру левого края контейнера с версткой Flex и выравнивает элементы в строке по центру левого края строки.

Внизу слева: выравнивает строки по нижнему левому краю контейнера с версткой Flex и выравнивает элементы в строке по нижнему левому краю строки.

Вверху по центру: выравнивает строки по верхнему центру контейнера с версткой Flex и выравнивает элементы в строке по верхнему центру строки.

По центру: выравнивает строки по центру с версткой Flex и элементы в строке по центру строки.

Внизу по центру: выравнивает строки по нижнему центру контейнера с версткой Flex и выравнивает элементы в строке по нижнему центру строки.

Вверху справа: выравнивает строки по верхнему правому краю контейнера с версткой Flex и выравнивает элементы в строке по верхнему правому краю строки.

По центру справа: выравнивает строки по центру правого края контейнера с версткой Flex и выравнивает элементы в строке по центру правого края строки.

Внизу справа: выравнивает строки по нижнему правому краю контейнера с версткой Flex и выравнивает элементы в строке по нижнему правому краю строки.

Индикаторы выделения в макете Flex

InDesign использует визуальные подсказки, чтобы помочь понять состояния выделения в макете Flex:

  • Пунктирные контуры указывают на неактивные уровни макета.
  • Сплошные контуры обозначают соседние фреймы, которые можно выделить.
  • Инструмент «Частичное выделение» позволяет выбирать вложенные фреймы напрямую без повторных нажатий.

Эти индикаторы помогают прояснить иерархию и фокус выделения при работе с вложенными макетами.

Элементы управления отступами и интервалами на холсте

Макеты Flex предоставляют интерактивные элементы управления на холсте для настройки отступов и интервалов:

  • Связанное заполнение: настройте все четыре значения отступов одновременно.
  • Несвязанное заполнение: настройте каждую сторону независимо.
  • Горизонтальные и вертикальные интервалы: измените интервалы напрямую между элементами, включая перенесенные строки или столбцы.

Визуальные индикаторы на холсте отражают текущие значения и обновляются в реальном времени на панели Макет Flex.

Трансформирование и наклон фреймов макета Flex

Теперь вы можете поворачивать, отражать, масштабировать или наклонять макет Flex, не прерывая его поведение. Трансформирование применяются как к родительским, так и к вложенным фреймам Flex, а панель Макет Flex остается активной во время трансформирования объектов. Это позволяет настраивать выравнивание, интервалы, перенос и направление во время трансформирования макетов, не нарушая структуру верстки Flex.