マニュアルキャンセル

フレックスレイアウトパネルの概要

検索

最終更新日 : 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 のフレックスレイアウトパネルを使用して、フレックスレイアウト内のアイテムの作成、配置、方向設定、折り返し、均等配置、および間隔設定を行います。

フレックスレイアウトは、InDesign に CSS Flexbox に似たコンテナの概念を導入します。子オブジェクトのレイアウトを制御するための強力なプロパティを提供します。フレックスレイアウトを使用すると、デザインが構造化され、よりアダプティブになり、手動での調整が少なくなります。

フレックスレイアウトパネルの概要

パネルにアクセスするには、ウィンドウ／フレックスレイアウトに移動します。フレックスレイアウトパネルが開きます。新規にフレックスレイアウトを作成または追加したり、既存のものを要件に応じてカスタマイズしたりできます。何も選択されていない場合、パネルを使用してデフォルト設定を変更することもできます（自動検出がオフの場合に適用）。

環境設定／一般／フレックスレイアウト設定を自動検出して適用で自動検出設定を確認します。

フレックスレイアウトを作成するための様々なオプションが示されているフレックスレイアウトパネル — フレックスレイアウトパネルの詳細

A. Flex コンテナの幅 B. Flex コンテナの高さ C. 折り返し D. フレックスレイアウトでのオブジェクトの方向 E. 垂直方向の間隔 F. 水平方向の間隔 G. パディング H. ジャスティフィケーション I. フレックスレイアウトでのオブジェクトの配置

幅と高さ

フレックスレイアウトコンテナとその子要素のサイズは、個別に制御できます。

フレックスレイアウトコンテナの幅と高さは、次のように設定できます。

固定：コンテナのサイズは、コンテンツに関係なく一定のままです。
自動：コンテナのサイズは、子要素のサイズに基づいて拡大または縮小します。

フレックスレイアウトの子要素（ネストされたフレックスレイアウトを含む）の場合：

固定：子要素のサイズは、そのコンテンツに関係なく一定に保たれます。
自動：子要素のサイズは、そのコンテンツまたは子要素に合わせて調整されます。
スペースを埋める：子要素はその面積で残りの空きスペースを占めるように拡張し、必要に応じて他の「スペースを埋める」が設定された兄弟要素とスペースを共有します。

折り返し

コンテナ内のオブジェクトの折り返しを有効または無効にします。

組み方向

コンテナ内でのアイテムのフロー動作を選択します（行、行反転、列、列反転）。

間隔

パディングと間隔を制御します。

パディング- コンテナ内のすべての側面（上、下、左、右）の間隔を定義します。
水平方向の間隔- アイテム間の水平方向の間隔を一定に設定します。
垂直方向の間隔- アイテム間の垂直方向の間隔を一定に設定します。

ジャスティフィケーション

主軸に沿ったアイテムの配置を制御します。

	行をフレックスレイアウトの開始位置に揃え、アイテムを行の開始位置に揃えます。
	行をフレックスレイアウトの中央に揃え、アイテムを行の中央に揃えます。
	行をフレックスレイアウトの終了位置に揃え、アイテムを行の終了位置に揃えます。
	行内のアイテムを次のように配置します。各アイテムの両側のスペースを均等にします。端のアイテムは片側のみが露出し、端のスペースはアイテム間のスペースの半分になります。
	行内のアイテムを次のように配置します。最初のアイテムは開始端に接し、最後のアイテムは終了端に接します。両端以外の残りのアイテムは、均等間隔で配置されます。アイテムを主軸に沿って均等に配置し、最初のアイテムは開始位置に、最後のアイテムは終了位置に配置します。外側の端にはギャップがありません。
	行内のアイテムを次のように配置します。アイテム間および端部のすべての間隔を均等にします。すべてが完全に均等です。

揃え

アイテムを交差軸に沿って上、中央、下、または左、中央、右に整列します。

	上左：行をフレックスレイアウトコンテナの上部左側に揃え、行内のアイテムを行の上部左側に揃えます。
	中央左：行をフレックスレイアウトコンテナの中央左側に揃え、行内のアイテムを行の中央左側に揃えます。
	下左：行をフレックスレイアウトコンテナの下部左側に揃え、行内のアイテムを行の下部左側に揃えます。
	上中央：行をフレックスレイアウトコンテナの上部中央に揃え、行内のアイテムを行の上部中央に揃えます。
	中央：行をフレックスレイアウトコンテナの中央に揃え、行の項目を行の中央に揃えます。
	下中央：行をフレックスレイアウトコンテナの下部中央に揃え、行内のアイテムを行の下部中央に揃えます。
	上右：行をフレックスレイアウトコンテナの上部右側に揃え、行内のアイテムを行の上部右側に揃えます。
	中央右：行をフレックスレイアウトコンテナの中央右側に揃え、行内のアイテムを行の中央右側に揃えます。
	下右：行をフレックスレイアウトコンテナの下部右側に揃え、行内のアイテムを行の下部右側に揃えます。