DocumentationJourney OptimizerGuide de Journey Optimizer

Ajuster l’alignement vertical et la marge intérieure alignment-and-padding

Dernière mise à jour : 14 mai 2026

Créé pour :

  • {"id":"b5a62a22-46f7-4f0d-b151-3fc640bef588"},{"id":"e8ccd51f-da0d-4e3b-939b-e30d5ebb1ea5"}
  • {"id":"b69b2659-1057-424e-8fc5-ed9e016dc554"}

Sur cette page : découvrez comment ajuster l’alignement vertical et la marge intérieure des colonnes et des structures dans le Designer d’e-mail, y compris comment corriger la marge intérieure des fragments résiduels pour un rendu mobile correct.

style
shade-box

Dans cet exemple, nous allons ajuster la marge intérieure et l’alignement vertical à l’intérieur d’un composant de structure composé de trois colonnes.

  1. Sélectionnez le composant de structure directement dans l’email ou à l’aide de l’arborescence de navigation disponible dans le menu de gauche.

  2. Dans la barre d’outils, cliquez sur Sélectionner une colonne et choisissez celle à modifier. Vous pouvez également la sélectionner dans l’arborescence.

    Les paramètres modifiables de cette colonne sont affichés dans l’onglet Styles.

  3. Sous Alignement, sélectionnez Haut, Milieu ou Bas.

  4. Sous Marge intérieure, définissez la marge intérieure pour tous les côtés.

    Sélectionner Marge intérieure différente pour chaque côté si vous souhaitez mieux définir la marge intérieure. Cliquez sur l’icône représentant un verrou pour interrompre la synchronisation.

  5. Procédez de la même façon pour ajuster l’alignement et la marge intérieure des autres colonnes.

  6. Enregistrez vos modifications.

TIP
Lors de la conception de contenu d’e-mail pour Gmail sur les appareils Android, assurez-vous que les images et les séparateurs utilisent la marge intérieure des colonnes plutôt que de grandes marges fixes. Gmail sur Android effectue souvent un rendu surdimensionné des images et incorrect des marges, ce qui entraîne un débordement de la disposition ou une réduction des lignes de séparation. Utilisez une largeur d’image plus petite ou utilisez la marge intérieure basée sur les colonnes pour un affichage cohérent.

Gérer la marge intérieure des fragments avec la navigation par chemin de navigation fragment-padding-breadcrumb

Lorsque vous utilisez des fragments dans le Concepteur d’e-mail, des marges intérieures masquées ou résiduelles peuvent altérer le rendu sur les appareils mobiles par rapport à l’affichage sur les ordinateurs. Cela est particulièrement fréquent lorsque des fragments ont été déverrouillés ou lorsque l’héritage a été rompu, car les styles restants peuvent rester dans la colonne ou les composants de texte sous-jacents.

Pour identifier et modifier la marge intérieure résiduelle dans les fragments :

  1. Utilisez l’arborescence de navigation ou cliquez directement sur les éléments dans l’éditeur pour sélectionner chaque structure parent ou colonne de votre fragment. Vous pouvez ainsi repérer les marges intérieures ou extérieures masquées qui peuvent être spécifiques aux appareils mobiles.

  2. Après avoir sélectionné l’élément dans le chemin de navigation, accédez à l’onglet Styles à droite.

  3. Passez en revue les paramètres de marge intérieure et supprimez-la ou réajustez-la selon les besoins pour obtenir un ajustement parfait sur les appareils mobiles.

  4. Si des problèmes d’ajustement persistent lors de la réutilisation de fragments, répétez ce processus pour d’autres colonnes ou composants de texte dans le fragment.

NOTE
Ce comportement est prévisible lorsque des fragments sont insérés et supprimés plusieurs fois, car les règles de style peuvent s’accumuler. Vérifiez toujours la marge intérieure à l’aide de la navigation dans le chemin de navigation, en particulier si vous ciblez des appareils mobiles.
recommendation-more-help
journey-optimizer-help