Vue d’ensemble de la disposition Flex

Dernière mise à jour le 7 août 2026

Utilisez le panneau Disposition Flex dans InDesign pour créer, aligner, habiller, justifier et espacer les éléments, ainsi que définir leur sens dans une disposition Flex.

En quoi consiste la disposition Flex ?

La Disposition Flex est une fonctionnalité qui vous permet de créer des conteneurs qui s’adaptent automatiquement lorsque le contenu change. Les éléments dans le conteneur sont positionnés en utilisant la direction, l’espacement, la marge intérieure et l’alignement. Lorsque du contenu est ajouté, supprimé ou redimensionné, la disposition est automatiquement ajustée, ce qui élimine le besoin d’ajustements manuels.

Accès aux options Disposition Flex

Sélectionnez un objet/groupe/plusieurs objets dans votre document et effectuez l’une des actions suivantes pour accéder aux options Disposition Flex :

  • Accédez à Objet > Disposition Flex.
  • Cliquez avec le bouton droit de la souris sur l’objet pour accéder à Disposition Flex.
  • Accédez à Fenêtre > panneau Disposition Flex.
  • Sélectionnez une fois pour travailler avec l’élément parent Flex et double-cliquez pour sélectionner l’élément enfant.
  • Utilisez l’outil Sélection directe pour sélectionner les éléments enfants.

Ajouter à la disposition Flex

Ajoute les objets sélectionnés à une disposition Flex.

Convertir en disposition Flex

Convertit un objet (bloc rectangulaire, forme rectangulaire ou groupe) en disposition Flex.

Supprimer la disposition Flex

Supprime la disposition Flex de la sélection. Si la disposition Flex contenait plusieurs objets, un groupe est créé. S’il n’y avait qu’un seul objet, l’objet reste tel quel.

Afficher les commandes Flex

Ouvre le panneau Disposition Flex (alternative au panneau Propriétés).

La fonctionnalité Disposition Flex introduit un concept de conteneur similaire à CSS Flexbox dans InDesign. Elle offre un contrôle performant de la mise en page pour les objets enfants. Grâce à Disposition Flex, les designs deviennent structurés, plus adaptatifs et nécessitent moins de réglages manuels.

Conteneur de disposition Flex

Vous pouvez configurer les propriétés de la disposition Flex directement depuis Styles d’objet. Vous pouvez créer un style d’objet nommé Conteneur vertical qui inclut les paramètres de disposition Flex, puis l’appliquer à n’importe quel conteneur de disposition Flex de votre mise en page.

Exemple :

Utilisez le panneau Styles d’objet pour appliquer la disposition Flex et définir des propriétés telles que le sens, l’alignement et l’espacement. Une fois enregistré, appliquez ce style à d’autres conteneurs pour un comportement de disposition cohérent.

Disposition Flex enfant

Dans la même section Disposition Flex de Styles d’objet, vous pouvez également définir les propriétés des éléments enfants d’une disposition Flex ainsi que leurs propres éléments enfants imbriqués. Cela vous permet de standardiser un comportement (dimensions fixes ou flexibles, par exemple) dans votre disposition.

  • Création directe d’éléments interactifs : convertissez les éléments enfants d’une disposition Flex en éléments interactifs sans avoir à les créer séparément et à les ajouter à la disposition Flex.
  • Verrouillage des éléments enfants : verrouillez un ou plusieurs éléments enfants d’une disposition Flex pour éviter qu’ils ne soient directement déplacés par glisser-déposer, redimensionnés ou sortis hors du cadre, tout en autorisant les changements de position à l’aide des touches fléchées du clavier.
  • Navigation au clavier pour les éléments enfants : repositionnez les éléments verrouillés ou déverrouillés à l’aide des touches fléchées gauche ou droite dans les dispositions horizontales ou des touches fléchées haut ou bas dans les dispositions verticales.
Conseil

Vous pouvez utiliser Styles d’objet pour définir les propriétés Flex dans les cadres Flex verrouillés.

Panneau Disposition Flex

Pour accéder au panneau, accédez à Fenêtre > Disposition Flex. Le panneau Disposition Flex s’ouvre. Vous pouvez maintenant créer ou ajouter une disposition Flex ou personnaliser une disposition existante selon vos besoins. En l’absence de sélection, vous pouvez utiliser le panneau pour modifier les valeurs par défaut (applicable si la détection automatique est désactivée). Accédez à Préférences > Général > Détecter et appliquer automatiquement les paramètres de mise en page Flex pour vérifier le paramètre de détection automatique.

Panneau Disposition Flex affichant diverses options pour créer une disposition Flex

A. Largeur du conteneur Flex B. Hauteur du conteneur Flex C. Habillage D. Direction des objets dans la disposition Flex E. Espacement vertical F. Espacement horizontal G. Marge intérieure  H. Justification I. Alignement des objets dans la disposition Flex 

Largeur et Hauteur

La taille des conteneurs Disposition Flex et de leurs objets enfants peut être contrôlée indépendamment. Pour un conteneur Disposition Flex, la largeur et la hauteur peuvent être :

  • Fixe : la taille du conteneur reste constante, quel que soit son contenu.
  • Auto : la taille du conteneur augmente ou diminue en fonction de la taille de ses objets enfants.

Pour un objet enfant Disposition Flex (y compris les dispositions Flex imbriquées) :

  • Fixe : la taille de l’objet enfant reste constante, quel que soit son contenu.
  • Auto : la taille de l’objet enfant s’adapte pour s’ajuster à son propre contenu ou à ses objets enfants.
  • Remplir l’espace : l’objet enfant s’étend pour occuper l’espace disponible restant dans cette dimension, partageant l’espace avec d’autres objets frères Remplir l’espace si nécessaire.

Habillage

Active ou désactive l’habillage d’objet dans le conteneur.

Sens

Choisissez comment les éléments s’affichent dans le conteneur (ligne, ligne inversée, colonne, colonne inversée).

Pas

Contrôle la marge et l’espacement.

  • Marge : définit l’espacement à l’intérieur du conteneur sur tous les côtés (haut, bas, gauche, droite).
  • Espacement horizontal  : définit un espacement uniforme entre les éléments horizontalement.
  • Espacement vertical  : définit un espacement uniforme entre les éléments verticalement.

Justification

Contrôle la distribution des éléments le long de l’axe principal.

Aligne la ligne au début de la disposition Flex et aligne les éléments au début de la ligne.

Aligne la ligne au centre de la disposition Flex et aligne les éléments au centre de la ligne.

Aligne la ligne à la fin de la disposition Flex et aligne les éléments à la fin de la ligne.

Aligne les éléments en lignes de sorte que :

  • L’espace est égal des deux côtés de chaque élément.
  • Les éléments situés sur les bords n’ont qu’un seul côté exposé ; l’espace aux bords correspond à la moitié de l’espace entre les éléments.

Aligne les éléments en lignes de sorte que :

  • Le premier élément est aligné avec le bord de début et le dernier élément est aligné avec le bord de fin.
  • Les éléments restants sont espacés uniformément uniquement entre eux.
  • Les éléments sont uniformément distribués le long de l’axe principal, avec le premier élément au début et le dernier élément à la fin.
  • Il n’y a pas d’espace au niveau des bords extérieurs.

Aligne les éléments en lignes de sorte que :

  • L’espace est égal partout : entre les éléments et sur les bords.
  • Tout est parfaitement régulier.

Alignement

Aligne les éléments sur l’axe transversal : Haut, Centre, Bas, ou Gauche, Centre, Droite.

Haut gauche : aligne les lignes en haut à gauche du conteneur Disposition Flex et aligne les éléments de la ligne en haut à gauche de la ligne.

Centre gauche : aligne les lignes au centre gauche du conteneur Disposition Flex et aligne les éléments de la ligne au centre gauche de la ligne.

Bas gauche : aligne les lignes en bas à gauche du conteneur Disposition Flex et aligne les éléments de la ligne en bas à gauche de la ligne.

Haut centre : aligne les lignes en haut au centre du conteneur Disposition Flex et aligne les éléments de la ligne en haut au centre de la ligne.

Centre : aligne les lignes au centre du conteneur Disposition Flex et aligne les éléments de la ligne au centre de la ligne.

Bas centre : aligne les lignes en bas au centre du conteneur Disposition Flex et aligne les éléments de la ligne en bas au centre de la ligne.

Haut droite : aligne les lignes en haut à droite du conteneur Disposition Flex et aligne les éléments de la ligne en haut à droite de la ligne.

Centre droite : aligne les lignes au centre à droite du conteneur Disposition Flex et aligne les éléments de la ligne au centre à droite de la ligne.

Bas droite : aligne les lignes en bas à droite du conteneur Disposition Flex et aligne les éléments de la ligne en bas à droite de la ligne.

Indicateurs de sélection dans les dispositions Flex

InDesign utilise des repères visuels pour vous aider à comprendre les états de sélection dans les dispositions Flex :

  • Les contours en pointillés indiquent les niveaux de disposition non actifs.
  • Les contours pleins indiquent les cadres de même niveau sélectionnables.
  • L’outil Sélection directe vous permet de sélectionner directement les cadres imbriqués sans clics répétés.

Ces indicateurs aident à clarifier la hiérarchie et les critères de sélection lorsque vous utilisez des dispositions imbriquées.

Contrôles de marge et d’espacement sur la zone de travail

Les dispositions Flex fournissent des contrôles interactifs sur la zone de travail pour ajuster la marge et l’espacement :

  • Marge interne liée : ajustez les quatre valeurs de marge interne ensemble.
  • Marge interne non liée : ajustez chaque côté indépendamment.
  • Espacement horizontal et vertical : modifiez directement l’espacement entre les éléments, y compris les lignes ou colonnes renvoyées à la ligne.

Les indicateurs visuels sur la zone de travail reflètent les valeurs actuelles et se mettent à jour en temps réel dans le panneau Disposition Flex.

Transformation et rupture les blocs de disposition Flex

Vous pouvez maintenant faire pivoter, mettre en miroir, redimensionner ou couper une disposition Flex sans interrompre son comportement. Les transformations s’appliquent aux blocs Flex parents et imbriqués, et le panneau Disposition Flex reste actif pendant que vous transformez les objets. Cela vous permet d’ajuster l’alignement, l’espacement, l’habillage et le sens tout en transformant les dispositions, sans rompre la structure Flex.