사용 안내서 취소

Flex 레이아웃 패널 개요

검색

마지막 업데이트 날짜 2025년 10월 27일

InDesign 사용 안내서
InDesign 알아보기
1. InDesign 소개
2. 작업 영역
3. 생성형 AI(중국 본토에서는 사용할 수 없음)
문서 작성 및 레이아웃
콘텐츠 추가
1. 텍스트
2. 입력 체계
3. 텍스트 서식 지정
4. 텍스트 검토
5. 맞춤법 검사 및 언어 사전
6. 참조 추가
7. 스타일
8. 표
9. 상호 작용
10. 그래픽
11. 색상 및 투명도
찾기 및 바꾸기
공유
내보내기, 가져오기, 게시
1. 가져오기, 내보내기 및 게시
2. 인쇄
InDesign 확장
1. 자동화
문제 해결

InDesign의 Flex 레이아웃 패널을 사용하여 Flex 레이아웃에서 항목을 만들고, 정렬하고, 방향을 설정하고, 줄을 바꾸고 양쪽 정렬하고 간격을 조정할 수 있습니다.

Flex 레이아웃을 통해 InDesign에 CSS Flexbox와 유사한 컨테이너 개념이 도입되었습니다. 하위 오브젝트의 레이아웃을 제어할 수 있는 강력한 속성을 제공합니다. 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 레이아웃 컨테이너의 하단 오른쪽에 맞추고 행의 항목을 행의 하단 오른쪽에 맞춥니다.